/* 

.-"""-.
/ .===. \
\/ 6 6 \/
( \___/ )
_________ooo__\_____/_____________
/                                 \
| Powered By CHECK-WIN             |                           
| https://www.seoso.cn             |
| Tel:400-677-0510                 |
| Creation:2023.08.16              | 
| Designed By Silence              |
\_______________________ooo________/ 
 |  |  |
 |_ | _|
 |  |  |
 |__|__|
 /-'Y'-\
(__/ \__) 


*/
  

@charset "utf-8";
html{margin:0;padding:0;border:0;overflow-x:hidden;}
@font-face{font-family:MONOTON;src:url(../font/MONOTON-REGULAR.TTF)}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
ul{padding:0;margin:0}
ul li{list-style:none}
a{/*color:#337ab7;*/text-decoration:none}
h1,h2,h3,h4,h5{margin:0}
a:focus,a:hover{color:#23527c;text-decoration:none}
a:focus{outline:0;outline-offset:-2px}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
li,ol,ul{list-style-type:none}
img,input,select{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
table,td,th{vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearfix{zoom:1}
.clearboth{height:0;line-height:0;overflow:hidden;clear:both;font-size:0}
h1,h2,h3,h4{font-size:12px;font-weight:700}
hr{border:0;border-top:1px solid #ccc;height:0}
/*样式*/
.fl{float:left}
.fr{float:right}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.content{max-width:1400px;height:auto;margin:0 auto;box-sizing:border-box}
img{max-width:100%;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;font-size:0}
@media (min-width:1660px){html{font-size:16px}
}
@media (min-width:1400px) and (max-width:1660px){html{font-size:14px}
}
@media (max-width:1399px){html{font-size:12px}
}
@media (max-width:767px){html{font-size:14px}
}
@media only screen and (max-width :1919px){.banner img{width:100%;height:auto}
}

@-webkit-keyframes tiaodong{0%{transform:translateY(-10px)}
25%{transform:translateY(0)}
66%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
@keyframes tiaodong{0%{transform:translateY(0)}
25%{transform:translateY(-10px)}
50%{transform:translateY(0)}
75%{transform:translateY(10px)}
100%{transform:translateY(0)}
}

/* =====================================  首页 =====================================  */
/* banner */
.banner{position:relative; /*height: 100vh;background: #000;*/}
.ban-item{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:right top;padding-top:200px;padding-bottom:224px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);margin-bottom:30px}
.ban-base{float:left;width:42%;margin-top:66px}
.ban-txt{position:relative;z-index:0}
.ban-txt i{position:absolute;left:0;top:-10px;color:#3073b9;opacity:.06;filter:Alpha(opacity=6);font-size:120px;font-weight:700;text-transform:uppercase;line-height:1.1;z-index:-1;-webkit-filter:Alpha(opacity=10)}
.ban-txt a{display:block;color:#255c4f;font-size:100px;font-weight:700;line-height:1.1}
.ban-txt a:hover{color:#222}
.ban-txt a.txt-font{font-size:72px;padding-top:16px}
.ban-font p{margin-top:50px;color:#666;font-size:18px;line-height:20px}
.ban-font p:before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(../images/ban-icon.png) no-repeat;margin-right:10px}
.ban-tab{margin-top:-11rem;margin-left:35%;margin-right:6%;overflow:hidden}
.ban-tab .slick-list{margin-left:-12px}
.ban-btn{margin-top:77px;margin-left:104px}
.tab-list{float:left;position:relative;padding:5rem 20px 25px 90px;background:#fff;-webkit-box-shadow:0 10px 20px rgba(25,64,54,.1);-moz-box-shadow:0 10px 20px rgba(25,64,54,.1);-ms-box-shadow:0 10px 20px rgba(25,64,54,.1);-o-box-shadow:0 10px 20px rgba(25,64,54,.1);box-shadow:0 10px 20px rgba(25,64,54,.1);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:22px -50px 22px 80px}
.tab-list:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;right:-2px;background:-webkit-linear-gradient(left,#3073b9 20%,#fff 80%);background:-moz-linear-gradient(left,#0043f1 20%,#fff 80%);background:-o-linear-gradient(left,#0043f1 20%,#fff 80%);background:linear-gradient(to right,#0043f1 20%,#fff 80%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;z-index:-1;width:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.tab-pro{position:absolute;left:-70px;top:14px;width:54%}
.tab-list.slick-current:before,.tab-list:hover:before{width:100%}
.tab-list.slick-current .tab-info a,.tab-list:hover .tab-info a{color:#3073b9;background-image:url(../images/ban-name02.png)}
.banner .slick-slide{outline:0}
.ban-tab .slick-slide{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.ban-con .slick-next:before,.ban-con .slick-prev:before{display:none}
.ban-con .slick-next,.ban-con .slick-prev{font-size:0;top:auto;left:50%;bottom:5rem;z-index:99;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.ban-con .slick-prev{margin-left:-50rem;background-image:url(../images/banner_left.png);    position: absolute;}
.ban-con .slick-next{right:auto;margin-left:-40rem;background-image:url(../images/banner_right.png); position: absolute;}
.paging{position:absolute;z-index:99;left:50%;margin-left:-46rem;color:#333;font-size:1rem;margin-top: -7rem;}
.paging .cur{color:#222;font-size:2.5rem;font-weight:700}
.ban-pic{float:right;width:56%;position:relative;margin-top:30px}
.ban-pic:after{content:"";position:absolute;right:0;top:-70px;width:211px;height:623px;background:url(../images/ban-right.png) no-repeat}
.ban-pic span{position:absolute;right:-130px;top:50%;margin-top:-26px;color:#f0be4d;font-size:24px;line-height:30px;width:120px}
.ban-pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ban-pic img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.wrap { width: 98%; max-width: 1400px; margin: 0 auto;}
button{border: none;background: none;}
.tab-list {width:17rem!important}
.navbar-collapse{padding-right: 15px;padding-left: 0px;}
/* {{  ====== 头部header  ====== }} */
.header {padding: 1rem 0;width: 100%; /*min-width: 1400px;*/ z-index: 99999; position: fixed; left: 0; top: 0;background: #fff;position: fixed;box-shadow: 1px 2px 3px rgb(183 183 183 / 59%);} 
.header ul  li  a{color: #333;font-size: 1.125rem;  }
.header .logo{display:block; width: 20rem;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.menu_head:hover{color:#0043f1}
.dropdown-menu{display:none}
.header ul li a.cur {color: #0043f1; font-size: 1.125rem;}
.header ul>li::after { position: absolute; content: "/"; right: 0;  top: 0;}
.header ul>li>a { display: block; padding: 0 2rem;  font-size: 1.125rem; font-weight: normal; position: relative; line-height: 2;}
.header ul>li:nth-of-type(8){display:none; }
.header ul>li:nth-of-type(7)::after{content:"";display:none; }
.header ul>li{position:relative;height: 2rem;;line-height:2rem;z-index:9999}
.dropdown-menu{position: absolute; width: 100%; top: 3.8rem;  padding: 1rem 1rem;  background: #f8f8f9; text-align: center; left: -5%;box-shadow: none;border: none; border-radius: 0;z-index:9999999}
.dropdown-menu li a{font-size:1rem;line-height:1.8;color：#333;z-index:9999}
.dropdown-menu li a:hover{color:#0043f1}
.dropdown-menu li::after { position: absolute; content: ""; right: 0;  top: 0;display:none;  }
.dropdown-menu li a {padding: 0 0rem!important;display:block;width:100%;font-size:1rem!important;  }
.dropdown-menu li a:hover{ color:#0043f1;background:none; }


.header ul>li:nth-of-type(3) .dropdown-menu {width:15rem;left:-3rem}
.header  .icon img{display:block;width:3.125rem;height:3.125rem;max-width:100%;  }
.flogo{display: block; width: 20rem;}

/* 电话图标 */
.tel .icon { font-size: 24px; color: blue; cursor: pointer; margin-right: 10px;}
.tel .nr {display: none; font-size: 1rem;color: #333; margin-left: 10px; position: absolute; top: 90%; right:15%;background: #fff; padding: 1rem;box-shadow: 1px 3px 4px #f1f1f1;border-radius: 10px;} 
.tel .show { display: block;}
/* {{  ====== 品牌故事 ====== }}*/
.index_about{ position: relative; padding:5rem  0 8rem 0; }
.index_about h3{display:block;background:url(../images/ppbg.png) left center no-repeat;width:100%;font-size:2rem;font-weight:400; color:#333;line-height:3;position:relative;padding:1rem 0 0 7rem;height:8rem;height: 8rem; background-size: contain;}
.index_about h3::after{content: ""; width: 60rem; height: 1px; background-color: #eeeeee;bottom: 2rem;  position: absolute;left: 18%;}
.index_about h6{font-size:2rem;color:#222;line-height:1.3;font-weight:600;padding:2rem 0}
.index_about .des{line-height:2;font-size:1rem;color:#444;padding: 1rem 0 2rem 0;}
.numblist em{width:100%;display:block;text-align:center;font-size:1rem;font-style:normal;color:#333;position:absolute;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:76%}
.index_about  .ibrand-num p{font-size:3.6rem;display:block;-webkit-background-clip:text;color:transparent;color:#000;font-family:impact}
.numblist p b { display: inline-block; color: #333; top: 12%; right: 3rem; font-size: 1.5rem; position: absolute;}
.numblist li:nth-of-type(3)  b {right: 0.6rem;}
.numblist li:nth-of-type(1)  b {right: 3.5rem;}
.ibrand-num li{width:32%;background:#f6f7fa;    padding: 1rem 1rem 3rem 1rem;position:relative;margin-bottom:5rem;border-radius:10px;text-align:center}
.index_about .right{position:absolute;right:0;top:23%;width: 48%;}
.index_about .right img{max-width:100%;display:block;object-fit:contain}
.index_about .left{width:45%}
.numblist{width:100%}



.abmore{background:url(../images/abmore.png) bottom left no-repeat;color:#3365f6;line-height:1;font-size:1.6rem;font-weight:600;padding-bottom:3rem;display:block;padding-left:2rem;background-size: contain; width: 23.75rem;height: 1.5625rem;}
.abmore:hover{color:#e14832;padding-left:.5rem;transition:.4s all ease-in-out}
/* {{  ====== 产品中心 ====== }}*/
.index_pro {background:url(../images/pro_back.jpg) top center no-repeat;position: relative;overflow: hidden;padding: 0 0 3rem 0; }
.index_pro  .pmore{display: block;background:url(../images/pro_button.png) center center no-repeat;width: 18%;height: 8rem; background-size: contain; margin-bottom: 2rem; }
.index_pro  .pmore:hover{transition: 0.3s all ease-in-out; margin-right:0.5rem; }
.pubtit {background:url(../images/icon1.png) left center no-repeat;   }
.pubtit h3{color: #222;font-size: 2rem;padding: 0 1rem 0 4rem; }
.pubtit span{ color: #666;font-size:1.6rem; font-family: auto;font-weight:100;display: block;text-transform: uppercase; }
.index_pro  button{font-size: 0;}
.index_pro  .slick-prev{background:url(../images/icon2.png) bottom left no-repeat;  width: 30px;height: 37px; position: absolute; left: -3rem;top: 34%;  }
.index_pro  .slick-next{background:url(../images/icon3.png) bottom left no-repeat;  width: 30px;height: 37px; position: absolute;right: 0;  right: -3rem;top: 34%;    }
.index_pro  .slider  .img{ height: 18rem;background: url(../images/pbg.jpg) bottom left no-repeat;overflow: hidden;background-size: cover;}
.index_pro  .slider  .img img{ display: block;height: 100%;transition: .5s ease-in;object-fit: cover; max-width: 100%; width: 100%;}
.index_pro  .slider  .img img:hover { transform:scale(1.1,1.1);}
.index_pro  .slider  h6{  font-weight: 600;  font-size: 1.1rem; line-height: 3.5;line-height:3.5; text-align: center; color: #333; display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; height:3rem;}
.index_pro .part{background-color: #fff;margin-bottom: 1rem;border-radius: 0 0 50px 0;width: 33%;box-shadow: 1px 2px 5px rgb(231 230 230 / 40%);width:23.5%; }
.index_pro  .slick-slide:nth-of-type(4n) > div{margin-right: 0rem;}
.index_pro  .slider h6:hover{color: #0043f1;transition: 0.3s all  ease-in-out;    }
.index_pro .slick-slide>div{margin: 0.5rem;}
.index_pro   .part  p{overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  margin: 0 2rem 1rem 2rem; color: #666;    margin: 0 2rem 2rem 2rem;color: #666;font-size: 0.95rem; line-height: 1.4;}
    
    
/* {{  ====== 合作伙伴 ====== }}*/
.index_partner{padding:3rem 0;}
.index_partner  button{display: none;font-size: 0;  }
.index_partner .img{width:100%;overflow: hidden;}
.index_partner .img img{display: block;margin: 0 auto;height: 100%;transition: .5s ease-in;object-fit: contain; max-width: 100%; }
.index_partner .img img:hover { transform:scale(1.1,1.1);}
.index_partner h3{display:block;background:url(../images/ppbg.png) left center no-repeat;width:100%;font-size:2rem;font-weight:400; color:#333;line-height:3;position:relative;padding:1rem 0 0 6rem;height:8rem;height: 8rem;background-size: contain;}
.index_partner h3::after{content: ""; width: 1280px; height: 1px; background-color: #eeeeee;  bottom: 32px; position: absolute; left: 52%;}
.index_partner .parmore{  display:block;  background:url(../images/icon4.png) right center no-repeat; font-size: 1rem; color: #444;padding-right: 2rem;    }
.index_partner .parmore:hover{ color:#fe8503; transition: all 0.3s ease-in-out;padding-right:2.5rem;    }
.index_partner .slider .part{width:19%;border: 1px solid #eee; margin-bottom: 0.8rem; margin-right: 1%;overflow: hidden; }
.index_partner .slider .part:nth-of-type(5n){ margin-right: 0%;}
.index_partner .slider .part:hover{border: 1px solid #fd9c00;transition: 0.4s all ease-in-out;  }

/* {{  ====== 全球产业布局 ====== }}*/
.index_industrial .pardes{background:url(../images/internation_back.jpg) left center no-repeat;   }
.index_industrial  h6{font-size: 2rem;line-height: 2; color: #222;  font-weight: 600; }
.index_industrial .pardes p{color: #444; font-size: 1rem;line-height: 1.8; padding: 2rem 0; padding: 1.2rem 0 1.8rem 0; }
.index_industrial h3{display:block;background:url(../images/ppbg.png) left center no-repeat;width:100%;font-size:2rem;font-weight:400; color:#333;line-height:3;position:relative;padding:1rem 0 0 6rem;height:8rem;height: 8rem;
    background-size: contain;}
.index_industrial h3::after{content: ""; width: 1280px; height: 1px; background-color: #eeeeee;  bottom: 32px; position: absolute; left: 52%;}
.index_industrial .indusmore{  display:block;  background:url(../images/icon4.png) right center no-repeat; font-size: 1rem; color: #444;padding-right: 2rem;    }
.index_industrial .indusmore:hover{ color:#fe8503; transition: all 0.3s ease-in-out;padding-right:2.5rem;    }
.index_industrial .con{display: block;margin: 2rem auto 0;text-align: center;}
/* {{  ====== 新闻中心 ====== }}*/
.index_news {padding: 7rem 0;}
.index_news .part{width:48%;}
.index_news ul li{border-bottom: 1px solid #ddd;padding: 1rem 0;margin: 1rem 0;  }
.index_news ul li a{padding-left: 1.6rem;  position: relative; font-weight: 600;width: 60%;  display: block;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #131313;  font-size: 1.125rem; line-height: 2;   }
.index_news ul li a::before{position: absolute;content: "";left: 0; width: 12px;height: 12px;top: 0.8rem;background:url(../images/icon5.png) left center no-repeat; left:0;    }
.index_news ul li span{color: #888;font-size: 0.875rem;      }
.index_news ul li p{color: #666666;padding: 0 0 0 1.6rem;line-height: 1.6rem;font-size: 0.875rem; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;   }
.index_news  .first .img{width: 50%;border-radius: 10px;overflow: hidden;     height: 14rem;  }
.index_news  .first .img img{  display: block;transition:.5s ease-in;height: 100%;width: 100%;object-fit: cover;  }
.index_news  .first .img img:hover { transform:scale(1.1,1.1);}
.index_news  .des{width:50%;padding: 0 2%; }
.index_news  .des h6{ font-weight: 600;font-size: 1.125rem;color: #131313;padding: 1rem 0;line-height:1.5;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;    }
.index_news  .des .p1{line-height: 2;color: #888;font-size: 0.875rem; font-family: Arial, Helvetica, sans-serif;   }
.index_news  .des .p2{ color: #666;font-size: 0.875rem;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index_news  .nmore{color:#fd9c00;display: block;font-size: 0.875rem;line-height: 2;padding: 1rem 0 0  0;  }
.index_news .pubtit {margin-bottom: 2rem;}
.index_news .first{background: linear-gradient(to bottom, #fff 5%, #fff 10% ,#f6f7fa 10% , #f6f7fa 80%); }
.index_news  .nmore:hover{padding-left:0.5rem;transition: all 0.3s ease-in-out;color: #0043f1;  }
.index_news ul li a:hover{color:#eb6521;transition: all 0.3s ease-in-out; }
.index_news .newsmore{ text-indent: 1rem;border: 1px dashed #fd9c00; border-radius: 50px;color: #333; font-size: 1rem; padding: 1rem 5rem; display: block;  position: relative; }
.index_news .newsmore::before{position: absolute;content: ""; left: 0; width: 12px; height: 12px; top: 39%;background: url(../images/icon5.png) left center no-repeat; left: 26%;  }
.index_news .newsmore:hover{color:#eb6521;transition: all 0.3s ease-in-out;}


.index_news  .nr{align-items: flex-start!important; }


/* {{  ====== 在线留言 ====== }}*/
.index_message{padding: 6rem 0;   background: url(../images/message_back.jpg) center no-repeat;background-size: cover;  }
.index_message  .pubtit h3 { color: #fff; }
.index_message  .pubtit span { color: #fff; font-size: 1.6rem;}
.index_message .des{color:#fff;font-size: 1rem; padding: 2rem 0 0 0;line-height: 1.6; }
.index_message .des b{color:#eb6521;}
.nyliuyan .gcmorelinkall{background: linear-gradient(to bottom,#0043f1 20%,#326da9 100%,#0043f1 30%);border-radius:50px;line-height:3;font-weight:600; padding: 0 2rem;font-size:1.5rem;text-align:center;display:block;width:100%;color:#fff;position:relative}
.nyliuyan .gcmorelinkall::after{position:absolute;content:"";border:1px dashed #282091;width:108%;height:6rem;border-radius:50px;left:-5%;bottom:-17%}
.nyliuyan .gcmorelinkall:hover{background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);transition:all .5s ease-in}
.nyliuyan .gcmorelinkall:hover::after{border:1px dashed #fcc400;transition:all .5s ease-in}
.liu p{font-size:1rem;color:#888;line-height:3}
.liu .form b{font-size:1.25rem;line-height:2;color:#fff}
.liu .input{width:70%;background-color:#fff!important}
.liu li{width:48%;color: #fff; border: 1px solid #444;font-size: 1rem;margin-bottom: 2rem;}
.liu li:nth-child(4){width:100% ; width: 53%;border: none}
.button:focus{outline:0}
.button{border:none;outline:0}
input[type=password],input[type=text],textarea{overflow:hidden;width:100%;height:68px;background:none; border: 1px solid #444;text-align:center;line-height:44px;font-size:.875rem;color:#fff;margin-right:1rem;text-align:left;text-indent:2rem}
input.index_input::-webkit-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
input.index_input:-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
input.index_input::-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
input.index_input:-ms-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea::-webkit-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea:-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea::-moz-placeholder{color:#fff;opacity:1;font-size:.875rem;text-align: 1rem;}
textarea.index_textarea:-ms-input-placeholder{color:#fff;font-size:.875rem;text-align: 1rem;}
input{border-width:0!important;border-color:none!important;border:#fff}
.liu{width:100%;margin:2rem 0}
input{outline:0}
input:focus{outline:0}
textarea{outline:0}
textarea:focus{outline:0}
.nyliuyan{width: 48%;}
.index_textarea{color: #fff;}
textarea { border: none;}
text{color: #fff;}
#attr_26 {color: #fff;}
.liu li:nth-child(1) {background: url(../images/icon6.png)  left 1rem center no-repeat;}
.liu li:nth-child(2) {background: url(../images/icon7.png)  left 1rem center no-repeat;}
.liu li:nth-child(3) {background: url(../images/icon8.png)  left 1rem center no-repeat;}
#attr_26::placeholder ,  #attr_27::placeholder  ,  #attr_28::placeholder  {color: #fff;text-indent: 3rem;}
#attr_28::placeholder  {padding-top:0.5rem;}
/* {{  ====== 底部 ====== }}*/
.footer{position: relative;padding:4rem  0  2rem 0;background:#1a2f54;  }
.footer h6{color:#fd9c00;font-size: 1.5rem;font-weight: 600;line-height: 1.6;}
.footer .ul1{margin:1rem  0;}
.footer .ul1 li{margin-bottom: 1rem;color: #fff; font-size: 1rem;   }
.footer .navlist .first{ display: block;font-size: 1rem;color: #fff;line-height: 2;padding-bottom: 1rem;text-align: left; }
.footer .navlist  li a{ font-size: 0.875rem;color: #8f99aa;line-height:2; }
.footer  .part{background: url(../images/icon10.png) left top no-repeat;padding-left: 7%;width:29%;height: 18.5rem;}
.navlist{align-items: flex-start!important;    width: 70%;}
.footer-top-fl {align-items: flex-start!important;}
.footer .navlist  li a:hover{color: #fff;transition: all 0.3s ease-in-out;}
.footer .cop{font-size: 0.875rem; }
.footer .cop  a{display: inline-block;line-height:3;   color: #68768d;  }
.footer .cop  p{ line-height: 3;}
.footer .cop  a:hover{color: #fff;transition: all 0.3s ease-in;  }
.footer .cop{text-align: center; line-height: 3;color: #68768d; }
.footer .list{width:100%;align-items: flex-start!important;margin:2rem 0 1rem 0; border-top: 1px solid #32476d; border-bottom: 1px solid #32476d; 
padding: 3rem 0 4rem 0;}
.footer  .tel{background: url(../images/tell_f.png) left no-repeat;padding-left:3rem; font-size: 1rem;color: #fff; line-height: 2;  }
.footer  .tel b{font-size: 1.875rem;color: #fff;font-family: arial;  }
.footer  .top{margin-left: 2rem;cursor: pointer;  }

/* ==================================================  内页 ==================================================  */
/* {{  ====== 产品列表页面  ====== }} */
/* 内页的产品列表页面 */
.mt5{margin-top:2rem}
.mt3{margin-top:3rem}
.mb5{margin-bottom:3em}
.nyprolist li{ position:relative; border-radius:10px;width:23.5%; margin: 1rem 0;padding: 3px;background: #fff;text-align: center;margin-right:1%;box-shadow: 1px 2px 5px rgb(238 238 238 / 56%);}
.nyprolist li:nth-child(4n){margin-right:0}
.nyprolistli .info{font-size:14px;line-height:2;color:#999;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nyprolist li a{display:block;width: 100%;}
.nyprolist li .nydes { width: 100%; padding: 0 5%;}
.nyprolist .img{width: 100%;  position: relative;   background: url(../images/pbg.jpg) bottom left no-repeat;  border-radius: 3px; overflow: hidden; background-size: cover;height:19rem;  }
.nyprolist .img img{transition: .5s ease-in; display: block; object-fit: cover; margin: 0 auto;}
.nyprolist li h3{text-align: center;display:block;color:#333;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:0;margin-block-end:0;font-weight:400;font-size:1rem;line-height:3;padding: 0 5%;}
.nyprolist .img img:hover { transform:scale(1.1,1.1);}
/*.container-fluid {padding: 0 0 0 0 !important}*/
/*产品内页大图轮播*/
.leftlunbo{position:relative}
.leftlunbo .swiper{width:100%;height:100%}
.leftlunbo .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;/* -webkit-box-pack: center; */  -ms-flex-pack: center;  /* -webkit-justify-content: center; *//* justify-content: center; */ /* -webkit-box-align: center; */ -ms-flex-align: center; -webkit-align-items: center; align-items: center;display: flex; flex-direction: column; /* align-items: flex-start;*/}
.leftlunbo .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.leftlunbo .swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}
.leftlunbo .swiper-slide{background-size:cover;background-position:center}
.leftlunbo .mySwiper2{height:80%;width:100%}
.leftlunbo .mySwiper{height:20%;box-sizing:border-box;/*padding:10px 0*/}
.leftlunbo .swiper-slide img{display: block; width: 100%; height: 100%;  width: 25.5rem; overflow: hidden; padding: 0!important;}
.leftlunbo{width:50%;overflow: hidden;}
.leftlunbo .swiper-button-next, .leftlunbo .swiper-button-prev {color: #ddd;}
.leftlunbo .swiper-button-next{ right: 22%;}
.leftlunbo .swiper-button-next:hover, .leftlunbo .swiper-button-prev:hover {color: #0044f1;}
.leftlunbo{width:50%;overflow:hidden;display:flex;margin-bottom: 4rem;}
.leftlunbo .mySwiper2{height:100%;width:71%}
.leftlunbo .mySwiper{height:100%;box-sizing:border-box;/*padding:0 10px;*/width:20%;display:flex}
.leftlunbo .mySwiper .swiper-slide{/*flex:1;*/height:100%;height: 8rem!important; margin-bottom: 10px!important; }
.leftlunbo .mySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain;background:url(../images/nyprobg.jpg) center center no-repeat;height: 8rem;}
.leftlunbo .mySwiper2 .swiper-slide-active{background:url(../images/nyprobg.jpg) center center no-repeat;background-size:cover; width: 25rem;
    height: 23rem;overflow: hidden;padding: 0!important;}
.leftlunbo .mySwiper2 .swiper-slide-active img{height:26rem;overflow:hidden}
.page-product-detail-effect {align-items:flex-start!important}
.nyxqjsleft h6{display:block;color:#222;font-size:1.3rem;background:#f6f7fb;font-weight:400;width:15%;text-align:center;line-height:2.5;border-top:3px solid #0044f1;margin-bottom:2px}
.nyxqjsleft .tit{border-bottom:1px solid #f3f3f3;margin-bottom:2rem}
.detaildes{align-items:flex-start!important}
.nyxqjsleft{width:68%;padding-bottom: 4.5rem;}
.nytop_nav{text-align:center;position:relative;margin-top:5rem;height:18.75rem}
.ny-index-banner{height:450px!important;background-size:cover!important}
.page-position .content a{color:#333}
.page-position a{color:#333}
.page-wrap{background:#fff;padding-bottom:0rem;position:relative;z-index:99}
.page-position{border-bottom:1px solid #eee;padding:0 0;line-height:3;font-size:.875rem;color:#333;width:100%;}
.page-position p {  text-align: left; display: block; font-size: .875rem;  background: url(/skin/images/icon11.png) no-repeat left center; padding-left: 2rem; line-height: 1.8; padding: 0.5rem 0rem 0.5rem 2rem; background: url(/skin/images/icon11.png) no-repeat top 0.9rem left;}
.page-position p a:hover{color:#4c41e4}
.page-product-detail-right .hotline{margin:1rem 0}
.page-product-detail-right .hotline p{font-size:1rem;color:#333;line-height:2;padding-left:1rem;}
.page-product-detail-right .hotline b{font-size:1.5rem;color:#333;font-family:Arial,Helvetica,sans-serif;display: block;}
.page-product-detail-right .hotline>div{width:100%}
.leftlunbo .swiper-button-prev, .leftlunbo .swiper-container-rtl .swiper-button-next {left: 22%;}
.leftlunbo    .swiper-slide{height:25rem} 
.leftlunbo   .swiper-wrapper{height:25rem} 
    
/* 页码 */
.xypg-pagination{margin: 5rem 0;text-align:center;font-size:0}
.xypg-pagination li{display:inline-block}
.xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select{display:inline-block;vertical-align:middle}
.xypg-pagination #current,.xypg-pagination a{line-height: 2rem;border-radius: 5px;display:inline-block;font-size:14px;color:#333;font-family:"Microsoft YaHei",Arial;line-height:32px;margin:0 3px;padding:0 12px}
.xypg-pagination #current,.xypg-pagination a:hover{color:#fff;border-color:#2059ee;background:#2059ee}
.nyprolist li:hover h3{color:#0044f1}
.xypg-pagination li.active a{color: #fff;background:#2059ee;border:1px solid #2059ee}
.xypg-pagination #current, .xypg-pagination a { display: inline-block;font-size: 14px; color: #333; font-family: "Microsoft YaHei",Arial; line-height: 32px; border: 1px solid #cbcbcb; margin: 0 3px; padding: 0 12px; border-radius: 50px;}
/*.xypg-pagination  li:first-of-type  ,  .xypg-pagination  li:last-of-type {display:none}*/
.xypg-pagination a:hover{background:#2059ee;  }
.xypg-pagination li:hover a{background:#2059ee;border:1px solid #2059ee;transition:all 0.3s ease-out;  }
.xypg-pagination #current, .xypg-pagination a { font-size: 0.875rem!important;}
/*上一条下一条*/
.pagelist{font-size:1rem;color:#666;padding:1rem .5rem;margin:3rem 0 0 0}
.pagelist a{font-size:1rem;color:#666}
.pagelist a:hover{color:#282091}
.pagelist>div{width:100%;margin-bottom:1rem;background-color:#f6f7fb;line-height:3.5;padding-left:2rem;color:#666;font-size:1rem}
.page-wrap-right{overflow:hidden;margin-top:2rem!important}
.page-wrap .right{width:20%;background-color:#fff;padding:2rem 1rem;border-radius:25px 0 0 0;border:1px solid #eee}
.page-wrap .right b{background:url(/skin/images/recommended.png) no-repeat left 2% center;font-size:1.5rem;color:#fff;display:block;text-align:left;margin-bottom:1rem;padding-left:2rem;line-height:3}
.page-wrap .content{align-items:flex-start!important}
/*推荐产品*/
.page-wrap .right .ul1 .img{width:100%;background:url(../images/pbg.jpg) center center no-repeat;border-radius:8px;overflow: hidden;}
.page-wrap .right .ul1 .img img{width:100%;display:block;object-fit:contain;margin:0 auto;display: block;transition:.5s ease-in;}
.page-wrap .right .ul1 li{margin-bottom:2rem;overflow:hidden}
.page-wrap .right .ul1 .more{text-align:center;color:#333;display:block;line-height:2;font-size:1rem}
.page-wrap .right .ul1 .more:hover{color:#0044f1;transition:all .3s ease-in-out}
.page-wrap .right .ul1 li:last-of-type{margin-bottom:0}
.page-product-detail-box {width: 100%; }
.page-product-detail-box  .big-img{width:48%;}  
.page-product-detail-right{width: 59%;height: 100%;z-index: 22;}
.page-product-detail-box  .big-img  img{max-width: 100%;width: 100%;display: block;object-fit: cover;height: 100%;  }
.view-pro-page-position {border-top:none;top: 10%;} 
.page-wrap .right .ul1 img:hover { transform:scale(1.1,1.1);}

/* 内页的二级分类导航栏 */
.nynav{margin: 0rem auto 1rem;    }
.nynav  ul  li{width:23%;margin-right: 2rem;border: 1px solid #0043f138; margin-bottom: 1%;border-radius: 50px; background: #f7f7f7;}
.nynav  ul  li:nth-child(4n){margin-right: 0%;}
.nynav  ul  li a{display: block;text-align: center;font-size: 1.05rem;  line-height:3; color: #333;    }
.nynav  ul  li:hover{ border: 1px solid #0044f1;background:#0044f1;   transition: 0.3s all ease-out; }
.nynav  ul  li.on{ border: 1px solid #0044f1;background:#0044f1;  }
.nynav  ul  li.on a{color:#fff}
.nynav  ul  li:hover a{color:#fff;transition:all 0.3s ease-out}

/* {{  ====== 应用领域列表页面  ====== }} */
.ctgc .left{width:100%}
.nycaselist{margin-top:2rem}
.nycaselist ul{margin-top:3rem}
.nycaselist li{width:29.8%;margin-right:1%;background:#f6f7fb;margin-bottom:4%;padding:1.2rem}
.nycaselist li:nth-child(3n){margin-right:0}
.nycaselist li h6{padding-left:2rem;color:#222;font-size:1.3rem;line-height:2.5;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding-left:5%}
.nycaselist .des{color:#555;font-size:0.9rem;line-height:1.7;padding:1% 5%;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 2.9rem;}
.nycaselist .outimg{background-color:#d2d1e5;position:relative;overflow: hidden;}
.nycaselist .outimg img{ display: block;transition:.5s ease-in;}
.nycaselist .outimg img:hover { transform:scale(1.1,1.1);}
.nycaselist li .gcimg{display:block;width:100%;object-fit:cover}
.nycaselist .morelink a:first-of-type{display:block;background:#2059ee;border:1px solid #2059ee;font-size:.875rem;color:#fff;    padding: 1.165rem 3.5rem;border-radius:50px 0 0 50px;line-height:1}
.nycaselist .morelink a:last-of-type{padding: 1.2rem 3.5rem;border-radius:0 50px 50px 0;line-height:1;display:block;background:#fff;border:1px solid #ddd;font-size:.875rem;color:#333}
.nycaselist .morelink{margin:1rem 5%;width:100%}
.nycaselist .morelink a:first-of-type:hover{background:#fd9c00;border:1px solid #fd9c00;transition:all .3s ease-in-out}
.nycaselist .morelink a:last-of-type:hover{background:#fd9c00;border:1px solid #fd9c00;transition:all .3s ease-in-out;color:#fff}
.casedesleft{width:100%}
.detaildes .ul1 .img{width:100%;background:url(../images/pbg.jpg) center center no-repeat;border-radius:8px;background-size:cover}
.detaildes .ul1 .more{text-align:center;color:#333;display:block;line-height:2;font-size:1rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.casedesleft .ul1 {height: 22rem;}
.casedesleft .ul1 li{width:24%;}
.detaildes .ul1 li:hover .more{color:#0044f1;transition:all .3s ease-in-out}
.detaildes .ul1 .img{overflow:hidden}
.detaildes .ul1 img{display:block;transition:.5s ease-in; height: 20rem!important;}
.detaildes .ul1 img:hover{transform:scale(1.1,1.1)}
.leftnycasebigimg img{display:block;width:100%;}
/* {{  ====== 新闻列表  ====== }} */
.nynewstitlist  li{width: 8rem;transform: skewX(-20deg);  line-height: 3rem; text-align: center;font-size: 1rem;}
.nynewstitlist  li a{color:#333;display:block;transform: skewX(20deg);}
.nynewstitlist li.on { background: #0044f1;}
.nynewstitlist li.on  a{ color:#fff;}
.nynewslist  .right{border:none}
.nynewslist ul li{width:100%;margin-bottom: 2rem;  background: #f6f7fb;  }
.nynewslist ul a{width: 100%;align-items:flex-start  }
.nynewslist  .img{width: 33%; overflow: hidden;padding: 1rem;background: #f1f1f1;}
.nynewslist  .img img{    width: 100%; display: block;object-fit: contain;transition: .5s ease-in; height: 14rem;}
.nynewslist  .img img:hover { transform:scale(1.1,1.1);}
.nynewslist .right{width: 65%;padding: 0;background: none;padding: 1rem;}
.nynewslist .right  .p1{display:block;color:#3065ef;font-size:1.125rem;line-height:2;font-weight: 600; font-family: arial;  }
.nynewslist .right h6{color:#222;font-weight:600;font-size:1.5rem;display:block;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nynewslist .right .p2{padding: 1rem 0 1.5rem 0;;display:block;color:#444;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.nynewslist .right span{display:block;color:#222;font-size:.875rem;border-radius:50px;border:1px solid #ddd;width:9rem;text-align:center;line-height:3}
.nynewslist .right span:hover{color:#fff;transition:all .3s ease-in;background:#2059ee;border:1px solid #2059ee}
.nynewslist .right h6:hover{color:#2059ee;transition:all .3s ease-in}
/*新闻详情页*/
.nesdetaillist > div{width:100%;line-height: 2.5;}
.newsdetail .ul3 .img{ width: 100%!important;background: none!important;;overflow: hidden;}
.newsdetail .ul3 .more {width: 100%!important;padding: 0!important; border-radius: 0!important;}
.nesdetaillist > div {width: 100%;line-height: 2.5;margin-bottom:1rem; background: #f8f9fb;padding: 1rem 2.5rem;}
.nesdetaillist{background:none!important;font-size: 0.875rem;color: #666; padding:0 0 0 0 !important;}
.newsdetail .ul3  h6{font-weight:400;font-size: 1rem;padding: 0 10%; margin-bottom: 1rem;}
.newsdetail .ul3  .more a {display: block;font-size: 1rem; width: 100%; text-align: center; color: #333; padding-top: 1rem;}
.newsdetail .ul3  li  p{color:#999; padding: 1rem 0;  }
.newsdetail .ul3  li{border-bottom: 1px solid #ddd;margin-bottom: 2rem;}
.newsdetail .ul3  .more a:hover {color:#0044f1;transition:all 0.3s  ease-in}
.newsdetail .ul3  li:last-of-type{border-bottom:none}
.newsdetail .ul3  .more{ width:100%;overflow:hidden;   }
.nynewstit{padding-bottom: 1rem;border-bottom:1px solid #ddd; margin-bottom: 1rem;}
.nynewstit .met_title{font-size: 1.5rem; font-weight: 600; padding: 5px 0; margin-bottom: 10px; text-align: left; color: #222;}
.nynewstit .met_time {padding-left: 25px;background: url(../images/icon13.png) no-repeat left center;font-size:0.875rem;  }
.newsdetail .ul3 .img img{ display: block;transition:.5s ease-in;}
.newsdetail .ul3 .img img:hover { transform:scale(1.1,1.1);}
.nycontact_detail  b{display:block;font-size:1.125rem;color:#333;}
.nycontact_detail  li{font-size:1rem;line-height:2.5;color：#333;}






/* {{  ====== 服务支持单页  ====== }} */
.nyservice  .part{background:#f6f7fb;margin-bottom:3rem;padding: 2rem 0;  }
.nyservice  .part b{font-size:1.6rem;display:block;background:#0044f1;line-height:2;padding:0 3rem; color:#fff }
.nyservice  .part h6{font-size:1.5rem;display:block;color:#333;padding-left: 3rem;}
.nyservice  .part p{font-size:1rem;line-height:1.8;padding: 2rem;}
.nyservice  .part em{display:block;font-style:normal;color:#333;font-size:1.125rem;font-weight: 600;}
.xypg-product-detail  .gcjstit{ display: block;background: url(/skin/images/icon25.png) no-repeat left center; padding-left: 3rem; color: #222;font-size: 1.6rem!important;margin: 1.5rem 0;    }
.ctgc-big-img{height: 27rem!important;}
.ctgc-big-img img { max-width: 100%; width: 100%; display: block; object-fit: cover; height: 100%;}
.page-product-detail-box .big2 img { max-width: 100%;display: block;height: 100%; width: 80%;object-fit: contain;}
.page-product-detail-right  h1{font-size:2rem;color: #222;line-height: 2;  position:relative;  padding-bottom: 2rem;  text-align:left;}
.page-product-detail-right  .nr{padding-left: 5%;}
.page-product-detail-right h1::after{position:absolute;content:"";width:100px;background:#0044f1;height:2px;bottom: 1.5rem;left: 0;   }
.page-product-detail-right .Briefdescription{font-size:1.5rem;color:#333;line-height:3}
.page-product-detail-right .des{line-height:1.8;font-size:1rem;color:#666}
.page-wrap .left{width:70%}
.page-wrap .left_1{width:75%;padding:2rem 0 0 3rem}
.procontent p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:.6rem}
.procontent p strong{display:block;background:url(/skin/images/icon25.png) no-repeat left center;padding-left:3rem;color:#222;font-size:1.6rem!important;margin:0 0 .6rem 0}
/* {{  ====== 联系我们单页  ====== }} */
.nypubtit{text-align:center}
.nypubtit h3{color:#222;font-size:2rem;line-height:2;position:relative;margin-bottom: 2.5rem; font-weight: bold; width: 100%; display: block;}
.nypubtit h3::after{position:absolute;bottom:0;width:5rem;height:3px;background:#0044f1;content:""; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);bottom: -0.5rem; }
h3 {display: block;  font-size: 1.17em; margin-block-start: 0em; margin-block-end: 0em;}
.nyconlist  li{width: 33%;  margin-right: 1%; text-align: left; background: #f8f9fb; padding: 3% 3% 4% 3%; height: 10rem;}
.nyconlist  li:nth-child(4){margin-right:0%;}
.nyconlist  li  img{display:block;margin:2rem auto  ;}
.nyconlist  li  b{font-family:"arial"; color:#281f90; font-size:1.375rem;display: block;}
.nyconlist  li p{font-size:1.3rem;color:#222;line-height:2.4;border-bottom:1px solid #ddd;position:relative}
.nyconlist  li p::after{ content:""; position:absolute; bottom: -1px; width: 3rem; height: 2px;background: #0044f1; left: 0; }
.nyconlist  li span{display:block;font-size: 1rem; line-height: 2; color: #333;}
.nyconlist  li span:first-of-type{padding-top:2rem}
h6 {display: block;margin-block-start: 0em;margin-block-end:0em;}
.nyliuyaninpage{width:100%}
.nyliuyaninpage .liu li { font-size: 0.875rem;width: 48%; color: #aaaaaa; border: 1px solid #ddd;}
.nyliuyaninpage input[type=password], input[type=text], textarea { overflow: hidden;width: 100%;}
.nyliuyaninpage .gcmorelinkall{background:linear-gradient(to bottom,#0043f1 20%,#326da9 100%,#0043f1 30%);border-radius:50px;line-height:2.5;font-weight:600;padding:0 2rem;font-size:1.25rem;text-align:center;display:block;width:16%;color:#fff;margin:0 auto;position:relative}
.nyliuyaninpage .liu li:nth-child(4){width:100%;border:none;}
.nyliuyaninpage  #attr_26{color:#aaa; }
.nyliuyaninpage  #attr_27{color:#aaa; }
.nyliuyaninpage  #attr_28{color:#aaa; }
.nyliuyaninpage .index_textarea{color: #aaa;}
.nyliuyaninpage textarea { border: none;}
.nyliuyaninpage text{color: #aaa;}
.nyliuyaninpage #attr_26::placeholder ,  .nyliuyaninpage #attr_27::placeholder  ,  .nyliuyaninpage #attr_28::placeholder  {color: #aaa;text-indent:2rem;}
.nyliuyaninpage #attr_28::placeholder  {padding-top:0.5rem;}
.nyliuyaninpage .liu li:nth-child(3){width:100%;height: 11rem;}
/* {{  ====== 国际合作列表  ====== }} */
.cooperatelist  li{background:url(/skin/images/pic.png) no-repeat bottom center; position:relative;  }
.cooperatelist  li p{position:absolute;  color: #333; font-size: 1rem;  bottom: 1.5rem;  left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.cooperatelist  .box {background:url(/skin/images/pic.png) no-repeat bottom center; position:relative;}
.cooperatelist  .box .inner {  padding: 0 0 2.5rem 0; position: relative; background: none}
.cooperatelist .box img { border-radius: 20px;}
.cooperatelist .three-cols .box { width: 21%; padding: 1rem; margin-bottom: 0.8rem; overflow: hidden; border: 1px solid #fff;  margin-right: 2%;}
/* {{  ====== 荣誉  ====== }} */
#examples{width:100%}
.cooperatelist li{border:none!important}
.cooperatelist .inner {
    padding: 0 0 2.5rem 0!important;
    background: none;
}



/*#examples .content{padding:0 0 0 0!important}*/
.honor_1 .swiper-scrollbar{display:none}
.honor_1 .right{width:100%;position:relative;}
.honor_1 .amore .a1{border-radius: 50px;border: 1px solid #2e259d; display: block;line-height: 3; font-size: 1rem; background: url(../images/icon31.png) no-repeat right 20% center;width: 12rem!important;color: #2e259d; text-align: left;text-indent: 17%; margin-right:2rem; }
.honor_1  .amore .a1:hover{background: linear-gradient(to bottom,#282091 20%,#655cdd 100%,#4b3fe0 30%);background: url(../images/icon30.png)  #282091   no-repeat right 20% center;transition: all 0.3s ease-in-out;color:#fff;  }
.honor_1  .amore{margin:2rem 0}
.honor_1 .swiper { width: 100%; height: 100%; }
.honor_1 .swiper-slide {font-size: 18px; height: auto;-webkit-box-sizing: border-box; box-sizing: border-box;}
.honor_1 .swiper-scrollbar-drag {height: 100%; width: 100%;position: relative;background: #4b42c8;border-radius: 10px; left: 0; top: 0;}
.honor_1  .image-container{position:relative;display:inline-block}
#image-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}
#image-popup:target{opacity:1;pointer-events:auto}
#image-popup img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%}
.close-button{position:absolute;top:10px;right:10px;font-size:20px;color:#fff}
.close-button:hover{color:#ccc}
.honor_1  .right{border:none;padding:0 0 0 0}
.three-cols .box { width: 24%;}
.honor_1  li{border:1px solid #ddd;padding:10px;border-radius: 5px;}
.honor_1  .box .inner{padding:0}
.nycooperatelist{padding:4.5rem  0}

.honor_1 .three-cols .box{width:22%;  }


/* {{  ====== 关于我们 公司简介  ====== }} */
.about_1 {position:relative}
.about_1  {font-size:1rem;text-indent:2rem;line-height:2;color:#444}
.about_1  img{display:block;max-width:100%;margin-top:2rem}
.about_2 {background: url(../images/ab_pic2.jpg)   #f6f7fa  right center no-repeat; padding:5rem 0;background-size: contain;  }
.about_2 .left{width:55%}
.about_2  .nypubtit h3{color:#222222;text-align: left;}
.about_2  .nypubtit h3::after { left: 7%;}
.about_2{color:#444;line-height:2;font-size:1rem;padding: 0rem 0;}
.about_2 .nypubtit{padding-top: 3rem;}
.about_2  .aboutmore{transition: all .5s ease; position: relative;cursor: pointer; display: block;font-family: arial;font-size: 18px;line-height: 50px;text-align:center;border-radius: 50px;color: #333; width: 11.25rem;margin-top: 20px; margin: 2rem 0;background: url(../images/icon5.png) left 15% center no-repeat;border: 1px dashed  #f78b0b;}
.about_2  .aboutmore2{transition: all .5s ease; position: relative;cursor: pointer; display: block;font-family: arial;font-size: 18px;line-height: 50px;text-align:center;border-radius: 50px;color: #fff; width:11.25rem;margin-top: 20px; margin: 2rem 0;background: url(../images/iconyuan.png)  #f78a0b left 15% center no-repeat; margin-left: 2rem;}
.about_3 h3{background: none;height:auto!important;  }
.about_3 {padding:4.5rem  0}
.about_2  .aboutmore:hover{color:#f78b0b;transition:all 0.3s ease-in-out}
.about_2 .aboutmore2:hover {transition:all 0.3s ease-in-out; background: url(../images/iconyuan.png) #2059ee left 15% center no-repeat;}
.about_3 h3 {padding: 0rem 0 0 0rem!important;}

 body{overflow-y: hidden;}   
 .mobile_banner{display:none}
/*============= 国际合作 =============*/
.xymob-head{display:none}


.khxc  .procontent p {  font-size: 1rem; color: #666; line-height: 1.6;margin-bottom: 0rem!important;}
.khxc  .procontent p strong {display: block; background: none!important;  padding-left: 0rem!important; color: #222!important;font-size:20px!important;  margin: 0 0 0 0!important; }
.khxc .firstRow  strong{color: #222;}
.ftlink{}
.ftlink  b{display:inline-block;color:#fff;font-size:1rem;font-weight:normal}
.ftlink a{display:inline-block;color: #68768d;;font-size:0.875rem  }

@media (max-width:1800px){
.about_2 .left {width:51%;}


}


@media (max-width:1700px){
.about_2 .left {width:48%;}


}


@media (max-width:1600px){
.nyprolist .img { height: 22rem;}
.about_2 .left {width: 51%;}

}

@media (max-width:1500px){
.about_2 .left { width: 48%;}
.header ul>li>a { padding: 0 1.5rem;}
.paging { margin-left: -45.5rem; margin-top: -5.5rem;}
.ban-tab {margin-top: -14rem;}
.about_2 .aboutmore { background: url(../images/icon5.png) left 9% center no-repeat;}
.three-cols .box {width: 24.0%!important}
#examples .content {padding: 0 0 0 0!important;}
.content {padding:0 5%!important}
.honor_1 .three-cols .box { width: 22.0%!important;}
.page-product-detail-right {  margin-left: 2%;}



}







@media (max-width:1400px){
.content {padding: 0 5%!important;}
.page-product-detail-right { margin-left: 2%;}
.about_2 {background: url(../images/ab_pic2.jpg) #f6f7fa right -36% center no-repeat;padding: 5rem 0;background-size: contain;}




}


#cart1{display:none}
@media (max-width:768px){
/*首页*/
 .mobile_banner{display:block;height: 19rem; overflow: hidden;}
 .banner{display:none}
.xymob-nav .sec li > a{color: #fff;opacity: 0.7;font-size: 0.875rem;line-height: 2;}
.xymob-nav .sec li{width: 50%; margin: 0.2rem 0;padding-bottom: 0.5rem;}
.xymob-head b{display: block; color:#cd0202 ;font-size:1.5rem;   }
.xymob-head a {display: flex!important;}
.xymob-head{display: block!important;height: 5.2rem;}
.xymob-nav>li:nth-child(8){display:none}
.ban-item{height: 24rem!important;background-size: contain!important;padding-top: 4.5rem!important;    padding-bottom: 0;  }
.ban-tab {margin-top: -10rem; margin-left: 6%; margin-right: 0%;}
.tab-list{width: 6rem!important;}
.tab-list {padding: 2rem 1rem 1px 1rem; margin: 6px -47px 2px 4rem!important;}
.ban-tab .slick-list { margin-left: 2rem;}
.index_about { position: relative;padding:0rem 0 3rem 0;}
.index_about h3 { height: 3rem; background-size: contain;}   
.index_about .left {width: 100%;} 
.index_about .right { position: absolute;  right: 0; top: 23%;width: 100%;position: static;}
.index_about h3 {background: none;width: 100%;font-size: 2rem; padding: 0rem 0 0 0rem;}
.index_about h3::after {left: 0%;bottom: -2rem;}
.numblist {margin: 1rem 0;}
.numblist span {font-size: 2rem;}
.ibrand-num li {width: 32%;padding: 1rem 1rem 3rem 1rem;}
.ibrand-num p { font-size: 2.6rem;}   
.numblist em {top: 77%;padding: 0 0.5rem;}
.banner {overflow: hidden;} 
.header { display: none;}
.xymob-logo  img{height:3.5rem; /*margin: 1rem 0px 0px 1rem;*/margin: 0rem 0px 0px 1rem;}
.xymob-navbtn { position: absolute;z-index: 9; top: 0px; bottom: 0; right: 10px;margin: 0 0 0 0!important ;}
.xymob-head-box{padding:1rem 0 0 0}
.xymob-navbtn {width:35px;height:35px;padding-top: 1.5rem;}
.index_about .content{flex-wrap:wrap}
.index_about .des { padding: 0rem 0 0rem 0;}
.ibrand-num li { margin-bottom: 1rem;} 
.index_about h6 { padding: 2rem 0 1rem 0;font-size: 1.6rem;}
.index_pro .pubtit{flex-wrap:wrap}  
.index_pro .pubtit {background: url(../images/icon1.png) top 7% left no-repeat;}
.index_pro .pubtit .fx{flex-wrap:wrap} 
.index_pro  .pubtit h3 {width: 100%;line-height: 2;font-size: 1.6rem;}
.index_pro .pmore {display: block; background: url(../images/pro_button.png) left top no-repeat; width: 100%; height: 5rem; margin-bottom: 3rem; background-size: contain;}    
.index_pro .slider .img img { padding: 0rem;}
.index_pro .slider .img { height: 13rem;}
.index_pro .part { width: 49%;}
.index_pro .part p { margin: 0 1rem 1rem 1rem;}
.index_pro .slider h6 {padding: 0 1rem;}
.index_partner h3 {background: none; padding: 1rem 0 0 0;}  
.index_partner h3::after {left: 0%;}
.index_partner .slider .part { width: 32%;}
.index_industrial h3 {background: none; padding: 1rem 0 0 0;} 
.index_industrial h6 {font-size: 1.5rem;line-height: 1.5;}
.index_industrial h3::after {left: 0%;}
.index_news .pubtit { margin-bottom: 2rem;flex-wrap: wrap;}
.index_news .pubtit { background: url(../images/icon1.png) left top no-repeat;}
.index_news .newsmore { margin: 2rem 0;}
.index_news .fx{flex-wrap:wrap}
.index_news .part {width: 100%;}
.index_news .part:nth-of-type(2){display:none} 
.index_news {padding: 3rem 0;}
input[type=password], input[type=text], textarea { width: 100%;height: 4rem;}
.liu li:nth-child(4) { width: 100%;}
.nyliuyan {width: 100%;}
.nyliuyan .gcmorelinkall { padding: 0 1rem; font-size: 1rem; width: 100%;}
.index_message { padding: 2rem 0;background-position: left;}
.liu { margin: 2rem 0 0 0;}  
.footer-con{flex-wrap:wrap} 
.footer .tel{flex-wrap:wrap} 
.footer .list {flex-wrap:wrap} 
.navlist { width: 100%;display: none;}
.footer .part { padding-left: 0%; width: 33%; background:none;height: auto;  }
.footer .navlist .first { padding-top: 2rem;}
.footer .cop{flex-wrap:wrap;text-align:center}
.footer .cop>div{width:100%}
.footer .cop p { line-height: 1;}
.footer .cop a { line-height: 1;text-align:center}
.liu li { width: 100%;}
.footer .tel {background: url(../images/tell_f.png) left top no-repeat;margin: 2rem 0 0;}
.index_news .des h6 {height: 4.2rem;}
.xymob-menu {top: 5rem;}
.navlist  ul{margin-left: 0em;}
.footer .navlist .first { text-align: left;}
/*关于我们*/
.nytop_nav {position: relative;margin-top:5.5rem;height:0rem;}
.nypubtit h3 { font-size: 1.6rem;}
.about_2 {background: left;}
.about_3  .slider .part{width: 31%!important;}
.about_3  .nypubtit h3::after {left:50%}
.cooperatelist .three-cols .box {width:40%;}
.xypg-pagination { margin-top: 20px; text-align: center; font-size: 1rem;}
.cooperatelist li p {  bottom: 1rem; font-size: 0.75rem;}
.xypg-pagination .current {display: inline-block; font-size: 14px; color: #fff; font-family: "Microsoft YaHei",Arial;  line-height:32px;border: 1px solid #1a2f54; margin: 0 3px; padding: 0 12px; border-radius: 50px;  background: #1a2f54;}
.xypg-pagination .disabled{display: inline-block; font-size: 14px; color: #333; font-family: "Microsoft YaHei",Arial;  line-height: 32px;  border: 1px solid #cbcbcb;margin: 0 3px; padding: 0 12px;border-radius: 50px;}
.cooperatelist .three-cols .box:nth-of-type(2n) {margin-right: 0%;}
/*产品中心*/
.nynav { width: 100%;}
.nynav .fx{flex-wrap:wrap}
.nynav ul li { width: 45%; margin-right: 1rem; margin-bottom: 4%;}
/*.nynav ul {padding:0 5%}   */
.nyprolist{width: 100%;} 
.nyprolist li {  width: 46.8%;} 
.nyprolist li:nth-child(2n) { margin-right:0} 
.nyprolist .img { height: 14rem;} 
.page-product-detail-effect{flex-wrap:wrap}
.leftlunbo { width: 100%;}
.page-product-detail-right .nr {padding-top: 0%;padding-left: 0%;}
.page-product-detail-right .hotline { margin: 1rem 0rem 0px 0rem;flex-wrap: wrap;}
.detaildes{flex-wrap:wrap}
.nyxqjsleft { width: 100%;}
.page-wrap .right {width: 100%;}
.nyxqjsleft h6 { width: 34%;}
.page-wrap  .right  .ul1{display:flex;justify-content:space-between}
.page-wrap .right .ul1 li { margin-bottom: 0rem;width:32%;  }
/*案例*/
.page-wrap .content {padding: 0 5%!important;}
.nycaselist li { width:39%;}
.nycaselist li:nth-child(2n){margin-right:0}
ul { display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;padding-inline-start: 0px;}
.nycaselist  ul{width: 100%;}
.nycaselist .morelink{flex-wrap:wrap}
.nycaselist .morelink a:first-of-type{text-align: center;padding: 0.5rem 0.5rem; line-height: 1; display: block;  border: 1px solid #2059ee; font-size: .875rem; color: #fff;width: 72%;border-radius:0; background: #2059ee; border: 1px solid #2059ee;margin-top: 1rem;}
.nycaselist .morelink a:last-of-type {text-align: center;padding: 0.5rem 0.5rem;line-height: 1;display: block;background: #fff; border: 1px solid #ddd; font-size: .875rem;color: #333; width: 72%; border-radius:0;margin-top: 1rem;}
.nycaselist li:nth-child(3n) {margin-right: 1%;}
.leftnycasebigimg img {margin-bottom: 0rem;}
.page-product-detail-right .hotline b {font-size: 1.8rem;}
/*新闻中心*/
.page-position .content{flex-wrap:wrap}
.nynewslist .right{width:100%;overflow: hidden;}
.nynewslist .img{width:100%;padding: 2rem 2rem 0rem 2rem;}
.nynewslist ul a {flex-wrap:wrap}
.nynewslist .right span { margin: 1rem 0;} 
.nydetail-page{flex-wrap:wrap}
.page-wrap .left { width: 100%;}
.page-wrap  .right  .ul3{display:flex;justify-content:space-between;align-items:flex-start}
.page-wrap .right .ul3 li { margin-bottom: 0rem;width:23%;  }
.newsdetail .ul3 h6 {padding: 0 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsdetail{width: 92%!important;} 
.newsdetail .ul3 li { border-bottom: none; margin-bottom: 0rem;}
/*服务支持*/
.nyservice  .fx{flex-wrap:wrap}
.nyservice .part h6 { padding-left: 1rem;padding-right: 1rem;}
.nyservice .part p { padding: 1rem;}
/*联系我们*/
.nyconlist li {width: 100%; margin-bottom: 1rem; height: 12rem;}
.nyconlist{flex-wrap:wrap}
.page-wrap-right {margin-top: 0rem;}
.nesdetaillist > div { padding: 1rem 1rem;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:16px!important;font-weight: 600;}
.page-wrap {padding-bottom:0}
.casedesleft .ul1 {flex-wrap:wrap}
.casedesleft .ul1 li {width: 48%;}
.casedesleft .ul1 li img{height:12rem!important}
.casedesleft .ul1 {height: auto;}
.page-product-detail-right .hotline>div {width: 100%;flex-wrap: wrap;}
 
 
 
 
}