@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)}
}

/* =====================================   搜索 =====================================  */
/* 搜索 */
.search_box{/*padding:.5rem 0;*/width: 27rem;margin:2rem auto 0;}
.search_b_le span{color:#333;font-size:1rem;display:block;display:inline-block}
.search_box .d1 input{width:100%;font-size: 0.875rem;height:47px;padding-left:3%;border-radius: 50px;outline:0;background:#f5f5f5;color:#b8b5b5;text-indent:2rem;border: none;text-align: left;}
.search_box .d1 button{border: none;position:absolute;top:0;right:0;width:49px;height:47px;background:url(../images/sou.png) no-repeat center center;border-radius:0 20px 20px 0;cursor:pointer;border-left:none}
.search_box .d1 button:before{font-size:16px;color:#f9f0da}
.search_box form{border:none;position:relative;width: 27rem;margin:0 auto}
.search_b_le a{color:#666;font-size:.875rem}
.search_b_le{width:76%}
.user-top .menu{line-height:4rem;height: 4rem;}



/* 最上方的头部导航 */
.user-top { min-width: 1200px; height: 3rem; background-color: #333333; line-height: 4;height: 4rem; }
.user-top .links { float: left; }
.user-top .links a, .user-top .menu p {display: inline-block; color: #aaa; font-size: 1rem; margin-right: 16px; line-height: 50px; }
.user-top i { display: inline-block; margin-right: 16px; height: 10px; width: 1px; background-color: #575757; }
.user-top .menu p { float: left; } 
.user-top .menu #div_wex { cursor:pointer;   }
.user-top .menu #div_wex em {font-size: 1rem; color: #fff; padding-left: 10px; font-style: normal; }
.user-top .menu #div_we { display: none; position: absolute; z-index:999999999;margin: 4rem 0 0 0; }
.user-top .menu #div_wex2 { cursor:pointer; }
.user-top .menu #div_wex2 em { font-size:1rem; color: #fff; padding-left: 10px; font-style: normal; }
.user-top .menu #div_we2 { display: none; position: absolute; z-index:99999999;     margin:4rem 0 0 0; }
.user-top .language { display: block; float: left; line-height:3rem; color: #999; font-size: 1rem; background: url('../images/language.png') no-repeat left center; padding-left: 21px; position: relative; }
.user-top .language2 { display: block; float: left; line-height: 3rem; color: #999; font-size: 0.875rem; background: url('../images/wechat.png') no-repeat left center; padding-left: 21px; position: relative; }
.language-main { width: 120px; padding: 1px 0; position: absolute; display: none; z-index: 99999999; left: -30px; top: 40px;box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); }
.language:hover .language-main {display:block; }
.language-cont { width: 120px; margin-top: 5px; background: #ffffff; padding-bottom:5px; }
.language-cont a { font-size: 0.875rem; color: #888; line-height: 28px; text-align: center; display: block; }
.language-post { padding-top: 5px; }
.language-cont a:hover { color: #392fb9; }
/* 导航栏目和下拉菜单 */
.index_header .logo img{display:block;height:100%;max-width:100%;width: 80%; object-fit: contain;}
.index_header .logo{position: relative;z-index: 99;}
.nav { float: right; }
.nav .sub1 { float: left; }
.nav .sub1-name { padding: 0 1.5rem; line-height:4.5; color: #fff; font-size:1.125rem; position: relative;display: block;}
.navXian { width: 0; height: 2px; background: #ea5504; position: absolute; left: 0; right: 0; bottom:20px; margin: auto; transition: .3s ease;}
.nav .sub1:hover .sub1-name { color: #ea5504; }
.nav .sub1:hover .navXian {width: 30px; }
.nav .sub2 { display: none; position: absolute; width: 100%; left: 0; min-width:1400px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 99999999; padding:2rem  0 1rem 0; min-height: 16rem; }
/* 二级 */
.sub2-pro ul li { float: left; width:18%!important;padding: 0.5rem; }
.sub2-pro ul li h4 { font-size: 1.125rem; color:#222; font-weight:bold; transition: .3s ease;}
.sub2-pro ul li a:hover h4 { color:#ea5504; }
.sub2-pro ul li .line { width:100%; height: 1px; background-color: #ea5504; margin: 14px auto; }
.sub2-pro ul li .list{ display: inline-block;text-align: left;}
.sub2-pro ul li .list a { display: block; font-size: 1rem; color: #777777; height: 32px; line-height: 32px; transition: .3s ease;}
.sub2-pro ul li .list a:hover { color: #ea5504; }
.sub2-pro ul li .hot { position: relative; }
.sub2-pro ul li .hot::after {content: "";position: absolute;width:38px;height:30px;/*background: url(../images/navhot.png!/lossless/true) no-repeat -5px 0;*/top: -16px;margin-left: -6px;}
.navbtn { display: block; text-align: center; margin: 40px auto; }
.navbtn .more { background-color:#ea5504; color: #fff!important; margin-right: 40px; }
.navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; }
.swzt {font-size: 1rem;line-height: 28px; border: 1px solid #ea5504; color: #ea5504; border-radius: 4px;transition: .3s ease;}
.swzt:hover{color: #ea5504;}
.nav .sub2>.content>ul>li { float: left; width: 33.333%; float: left; width: 31.333%; /*margin-right: 2%;*/}
.nav .sub2>.content>ul>li:last-child{ margin-right:0%;}
.nav .sub2 .column li { float: left; width: 50%; }
.nav .sub2 .column li a { display: block; width: 135px; color: #777; font-size: 1rem; background: url(../images/navlefticon.png) no-repeat center left; padding-left:15px; }
.nav .sub2 .column li a:hover { background: url(../images/navlefticonh.png) no-repeat center left; color: #ea5504; }
.nav .sub2 .nav-right { padding-left: 55px; }
.nav .sub2 .nav-right .line { display: block; width: 42px; height: 4px; background-color: #ea5504; margin:15px 0; }
.nav .sub2 .nav-right p { font-size: 1rem; line-height:28px; color: #777777; }
.nav .sub2 .nav-right a { display: block; width: 195px; padding: 8px 0; text-align: center;margin: 15px 0;}
.nav .sub2 .c-btn  {color: #fff!important;}
.nav .sub2 .b-btn{color: #333}
.nav .sub2 .nav-right h2 { font-size: 1.5rem; color: #222; }
.nav .search-icon { width: 17px; padding: 0 0 0 20px; background: url(../images/search.png) no-repeat center; }
.sub2-search { padding: 40px 0; }
.sub2-search form { height: 48px; border: 2px solid #ea5504; width: 862px; border-radius: 4px; margin:60px auto 0; }
.sub2-search .v-select { width: 88px; height:48px; font-size: 0.875rem; color: #666; }
.nav .sub2-search .select-panel { line-height: 48px; padding-left: 14px; }
.sub2-search .select-menu { top: 44px; }
.sub2-search .select-menu li { height: 44px; line-height: 44px; padding-left: 14px; }
.v-select { position: relative; height: 28px; outline: none; }
.select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; }
.select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s;font-size: 0.875rem; }
.select-menu li:hover, .select-menu li.selected { background-color: #ea5504; color: #fff; }
.v-select .select-panel { height: 100%; font-size: 0.875rem; color: #333; width: 100%; border-right: 1px solid #ebebeb;  cursor: pointer; }
.sub2-search input { float: left; width: 672px; height: 44px; font-size: 0.875rem; padding: 0 0 0 0; }
.sub2-search button {width: 98px; height:46px; color: #fff;text-align: center; font-size: 1rem; line-height:46px; background-color: #ea5504;float: right; }
.sub2-search .pre-link { font-size: 0.875rem; color: #999; margin: 11px auto 0; width: 656px; }
.sub2-search .pre-link .title { float: left; margin-right: 18px; }
.sub2-search .pre-link a { display: block; float: left; color: #222; margin-right: 28px; }
.sub1 .text-center  img{display:block;margin-bottom:2rem;height:8rem;object-fit:cover;width:100%;  }
.sub2_left_img{height:15rem;display:block;object-fit:cover}
.gc.sub2 .column li { float: left;width: 100%;}
.nav .sub2 .column li a { width: 100%; color: #777; font-size: 1.125rem;line-height:3rem; background: url(../images/navlefticon.png) no-repeat center left; padding-left: 2.5rem;text-align: left!important;}
.c-btn { font-size: 1rem; line-height:2rem; color: #fff; background: #ea5504; border-radius: 4px; border: 1px solid #ea5504; padding:0.5rem 2rem; margin-right:1.2rem;display: inline-block; transition: all .3s;}
.b-btn {margin-top:0.5rem;   font-size: 1rem;  line-height:2rem; color: #ea5504; background: #fff; border-radius: 4px; border: 1px solid #ea5504; padding:0.5rem 2rem; display: inline-block; transition: all .3s;}
.c-btn:hover{color:#fff;  }
.b-btn:hover{color：#333}
.sub1 button{border:none}
.x-banner video {width:100%;height:100vh;object-fit: cover!important;overflow: hidden!important;vertical-align: bottom!important;}
/* 头部的联系方式 */
.headcontact{z-index: 100;position: absolute; width: 100%;}
.headcontact .logo p { color: #fff; border-left: 1px solid #ccc; }
.headcontact .logo .img-box a { background-image: url("../images/logo2.svg"); }
.headcontact .nav .sub1-name { color: #fff; }
.headcontact .nav .search-icon { background: url(../images/search.png) no-repeat center; }
.headcontact .header { border-bottom:none;box-shadow:none;}
.headcontact .user-top {background-color: transparent;border-bottom: 1px solid rgba(255,255,255,0.2);}
.headcontact .user-top .links a,.headcontact .user-top .menu p,.headcontact .user-top .menu #div_wex em,.headcontact .user-top .tel,.headcontact .user-top,.headcontact .language {color: #fff;}
.headcontact .user-top i {background-color: #fff;}
.headcontact .user-top .toptel{background: url(../images/top_tel.png) no-repeat left center;padding-left: 2rem;}
.headcontact .user-top .language {background: url(../images/language.png) no-repeat left center;}
.head-fixed { width: 100%; height:140px; position:fixed!important; z-index: 100; }
.nav .active .sub1-name { color: #ea5504; }
.nav .active .navXian { width: 30px; }
.nav .active .navXian { display: block; }

.sub2-pro  ul{align-items: flex-start!important;}
.nav  li:nth-child(5) .sub2 .column li{width:100%; }



/* ==================================================   头部变色下拉固定的样式 ==================================================  */
/*头部样式*/
.header{height: 9.125rem;width:100%;min-width:1400px; z-index:99999;position: fixed; left: 0; top: 0;background: rgb(21 85 151 / 0%);}
.header .nav li:hover a{background-color: none!important;}
.header_hover{height: 9.125rem;width:100%;min-width:1400px;background:#ffffff;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;position:fixed;left:0;top:0;}
.header_hover a{color:#333}
.header_hover .user-top .menu #div_wex2 em {color:#333}
.header_hover .menu{color:#333;height: 4rem;}
.header_hover .headcontact .user-top .links a ,  .header_hover  .headcontact .user-top .menu p , 
.header_hover .headcontact .user-top .menu #div_wex em , .header_hover  .headcontact .user-top .tel, 
.header_hover .headcontact .user-top, .header_hover  .headcontact .language {color: #333;}
.header_hover .headcontact .user-top i { background-color: #333;}
.header_hover .headcontact .user-top .toptel { background: url(../images/top_tel1.png) no-repeat left center;}
.header_hover .headcontact .user-top .language {background: url(../images/language1.png) no-repeat left center;}
.header_hover .headcontact .nav .sub1-name {color:#333}
.index_header .logo{ display:block;overflow: hidden; }
.header_hover  .index_header  .logo img {width: 80%; object-fit: contain;transform: translateY(-46px); filter: drop-shadow(#24378e 0 46px);}
.header_hover  .headcontact .user-top { border-bottom: 1px solid rgb(221 221 221 / 78%);    height: 4rem;}
.header_hover  .nav .search-icon { background: url(../images/search1.png) no-repeat center;}
.header{z-index:99999999;position:fixed;width:100%}
.x-banner{position:relative;height:100vh;}
.inban-main{height:170px}
.inban-main{color: #fff;margin: auto;}
.inban-tit{font-size:2.9rem;font-weight: 600;  line-height:1;letter-spacing:5px;text-align: center;}
.inban-main  .p1{line-height: 2;padding-top: 3rem;}
.inban-main  .p2{font-size: 1.5rem;color: #fff; font-weight: normal;    }
.fourprolist{border-top: 1px solid rgb(255 255 255 / 24%); padding-top: 1rem; width: 100%;position: absolute;bottom:0;z-index: 99;}
.fourprolist li{position: relative; width: 25%;text-align: center;}
.fourprolist li img{display:block;margin-bottom: 1rem;width: 100%;height: 6rem;object-fit: contain; margin: 0 auto  1rem; }
.fourprolist li img:hover{ animation: spin-in 1s forwards;}
.fourprolist li .img {perspective: 1000px; /* 定义3D场景的观察者距离 */display: inline-block;}
.fourprolist li .img img {transition: transform 0.6s  ease-in-out; /* 定义过渡效果 */}
.fourprolist li .img:hover img {transform: rotateY(360deg); /* 定义3D旋转效果 */}
.fourprolist li a{display:block;text-align:center;color:#fff;line-height:2;font-size:1.2rem}
.fourprolist li::after{position: absolute;content: ""; width: 1px;height: 114px; margin: 0 1rem; background-color: rgb(255 255 255 / 24%); right: -6%;top: 13px;}
.fourprolist li:nth-child(4):after{display:none}
.fourprolist li a:hover{color:#fff;transition:all 0.5s  ease-in-out}

/*内页使用固定不动的头部*/
.header2{height: 9.125rem;width:100%;min-width:1400px; z-index:99999;position: fixed; left: 0; top: 0;background: rgb(21 85 151 / 0%);}
.header2 .nav li:hover a{background-color: none!important;}
.header2{height: 9.125rem;width:100%;min-width:1400px;background:#ffffff;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;position:fixed;left:0;top:0;}
.header2 a{color:#333}
.header2 .user-top .menu #div_wex2 em {color:#333}
.header2 .menu{color:#333;height: 4rem;}
.header2 .headcontact .user-top .links a ,  .header2  .headcontact .user-top .menu p , 
.header2 .headcontact .user-top .menu #div_wex em , .header2  .headcontact .user-top .tel, 
.header2 .headcontact .user-top, .header2  .headcontact .language {color: #333;}
.header2 .headcontact .user-top i { background-color: #333;}
.header2 .headcontact .user-top .toptel { background: url(../images/top_tel1.png) no-repeat left center;}
.header2 .headcontact .user-top .language {background: url(../images/language1.png) no-repeat left center;}
.header2 .headcontact .nav .sub1-name {color:#333}
.header2 .logo{ display:block;overflow: hidden; }
.header2  .index_header  .logo img {display: block; height: 100%; max-width: 100%; width: 80%;object-fit: contain;transform: translateY(-46px); filter: drop-shadow(#24378e 0 46px);}
.header2 .headcontact .user-top { border-bottom: 1px solid rgb(221 221 221 / 78%);height: 4rem;}
.header2  .nav .search-icon { background: url(../images/search1.png) no-repeat center;}
.x-banner .desc{ position: absolute; z-index: 999999; top:25%;  left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);  }
.header2{z-index:99999999;position:fixed;width:100%}

/*工程下拉的二级栏目是100%*/
.nav .sub1:nth-child(6) .column  li{float: left; width: 100%!important;}
/* =====================================  滚动的新闻  =====================================  */
.txtMarquee-top{ overflow:hidden; position:relative; background-color: #fff;padding: 0.5rem 0; }
.txtMarquee-top .bd{ padding:5px  0;  }
.txtMarquee-top .infoList li{  line-height:2;}
.txtMarquee-top .infoList li .date{ float:right; color:#444;font-size: 1.125rem;}
.index-scrollnews li  a {font-size: 1.125rem;color:#444;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index-scrollnews li span{font-size: 1.125rem;color:#444; display: block;padding-right: 2rem;}
.index-scrollnews li  a:hover{color:#392fb9; }
.index-scrollnews li {list-style-type:circle; }
.index-scrollnews li  em{display: block;width: 8px;height: 8px;background-color: #392fb9;border-radius: 50px; margin-right:1rem;     }

/* =====================================  推荐的产品  =====================================  */
.index-hotpro{background:url(../images/hot_back.jpg) no-repeat center center;padding: 0rem 0 2rem 0;}
.index-hotpro .next{display:block;width:15px;height:27px;float:right;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;background:url(../images/icon3.png) 0 0 no-repeat}
.index-hotpro .prev{display:block;width:15px;height:27px;float:right;margin-right:5px;margin-top:10px;overflow:hidden;cursor:pointer;background:url(../images/icon2.png) 0 0 no-repeat}
.index-hotpro .pic{text-align:center}
.index-hotpro .pic img{width:100%;height:100%;display:block}
.index-hotpro .pic a:hover img{border-color:#999}
.index-hotpro .title{position:absolute;color:#222;top:0;right:0}
.index-hotpro .title a{color:#222;font-size:1.5rem;font-weight:600;display:block}
.index-hotpro .title::after{position:absolute;content:"";width:50px;height:2px;background-color:#3622ab;right:0; margin-top: 1em;}
.index-hotpro  .item{position: relative;padding-top: 2rem; align-items: flex-start}
.index-hotpro  .left{width: 40%;}
.index-hotpro  .right{width: 50%;position: relative;}
.index-hotpro .iconlist  p{display: block;}
.index-hotpro .iconlist  span{display: block;width: 70px;height:71px;line-height: 12;font-size: 1rem;     margin-right: 7%;}
.index-hotpro .iconlist  span:nth-child(1){background: url(../images/rx_icon1.png) no-repeat center center;}
.index-hotpro .iconlist  span:nth-child(2){background: url(../images/rx_icon2.png) no-repeat center center;}
.index-hotpro .iconlist  span:nth-child(3){background: url(../images/rx_icon3.png) no-repeat center center;}
.index-hotpro .iconlist  span:nth-child(4){background: url(../images/rx_icon4.png) no-repeat center center;}
.index-hotpro .iconlist  span:hover{color:#20187d}
.index-hotpro .iconlist  span:nth-child(1):hover{background: url(../images/rx_icon11.png) no-repeat center center;transition: all 0.3s ease-in-out;  } 
.index-hotpro .iconlist  span:nth-child(2):hover{background: url(../images/rx_icon22.png) no-repeat center center;transition: all 0.3s ease-in-out;  } 
.index-hotpro .iconlist  span:nth-child(3):hover{background: url(../images/rx_icon33.png) no-repeat center center;transition: all 0.3s ease-in-out;  } 
.index-hotpro .iconlist  span:nth-child(4):hover{background: url(../images/rx_icon44.png) no-repeat center center;transition: all 0.3s ease-in-out;  } 
.index-hotpro  .tit{color: #121212;line-height: 1;margin-bottom: 1rem;font-weight: 600;font-size: 1.875rem;text-transform: capitalize;  font-family: Arial, Helvetica, sans-serif;display: block;text-align: left;   }
.index-hotpro  .tit2{color: #222;font-size: 1.5rem;display: block;text-align: left; position: relative;  text-indent: 1.2rem; }
.index-hotpro  .tit2::before{position: absolute;content: "";width: 10px;height: 10px;background-color: #342aaa; box-shadow: 1px 2px 4px #c6c4f8;left: 0px;top: 40%; border-radius: 50px;  }
.index-hotpro .p2{font-size:1rem;line-height:2;color:#333;text-align:left;padding:2rem 0}
.hotprodetail{background-color:#3622ab;width:25%;/*position:absolute;*/left:0;height:4rem;border-radius:0 50px 50px 0;bottom:0}
.hotprodetail a{display:block;color:#fff;height:4rem;font-size:1.5rem;line-height:4rem;padding-left:15%;display:block;background:url(../images/indexmore.png) no-repeat right 14% center}
.index-hotpro .slick-initialized .slick-slide { display: block; margin: 0 auto;}
.index-hotpro  .slick-slide { display: none;float:left;height: 100%; min-height: 1px;}
.index-hotpro button{font-size:0;font-size:0;width:68px;height:68px;border-color:#fff;border-width:0}
.index-hotpro .slick-prev{background:url(../images/icon2.png) center no-repeat;position:absolute;bottom:0;cursor:pointer;right:15%;display:block;z-index: 9999;}
.index-hotpro .slick-next{background:url(../images/icon3.png) center no-repeat;position:absolute;bottom:0;cursor:pointer;right:12%;display:block;z-index: 9999;}
/*  =============================================   产品列表  =============================================   */
.pubtit {text-align: center;}
.pubtit  h3{font-weight: 600; color:#131313;font-size:2rem ; line-height: 2;  }
.pubtit h6{ color:#444;font-weight: normal;font-size:1rem ;}
.index-prolist{padding: 2rem 0 0 0;position: relative; }

/*导航栏目*/
.tab-navlist{border-bottom:1px solid #ddd;margin: 3rem 0;}
.tab-nav li:last-of-type{margin-right:0;  }
.tab-nav li::before{position:absolute;left: 50%;content:"",background:url(../images/icon4.png) center center no-repeat; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);  top:0;}
.tab-nav li{ position:relative;border:1px solid #ddd;width:20%;text-align:center;line-height:3;border-radius:10px;height: 70px;margin-bottom: 0.2rem;}
.tab-nav li a{color:#333;font-size:1.125rem;color:#333;line-height:70px;text-align:center; }
.tab-nav  li.active , .tab-nav  li:hover   {position:relative;   border:none; background:url(../images/icon5.png) center center no-repeat;transition:all 0.3s ease-in; }
.tab-nav  li.active a  , .tab-nav  li:hover  a  { color:#fff;transition:all 0.3s ease-in;text-decoration:none}
.tabprenext{position:absolute;right:0}
.tabprenext .tab-nav-prev{margin-right:1rem}
.tab-nav  li.active::after , .tab-nav  li:hover::after   {position: absolute;content: "";background: url(../images/icon4.png) center center no-repeat;width: 22px;height: 22px; bottom: -3rem; left: 0; left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);      }





/*产品中心  新的样式*/
/*产品单个hover的效果*/
@keyframes hover{50%{transform:translateY(-3px)}
100%{transform:translateY(-6px)}
}
@keyframes hover-shadow{0%{transform:translateY(6px);opacity:.4}
50%{transform:translateY(3px);opacity:1}
100%{transform:translateY(6px);opacity:.4}
}
.hover-shadow{display:inline-block;position:relative;transition-duration:.3s;transition-property:transform;-webkit-tap-highlight-color:transparent;transform:translateZ(0);box-shadow:0 0 1px transparent}
.hover-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);transition-duration:.3s;transition-property:transform opacity}
.hover-shadow:hover{transform:translateY(-6px);animation-name:hover;animation-duration:1.5s;animation-delay:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
.hover-shadow:hover:before{opacity:.4;transform:translateY(6px);animation-name:hover-shadow;animation-duration:1.5s;animation-delay:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}
/*切换滚动*/
.tab-nav{display:flex}
.tab-nav-item{cursor:pointer;margin-right:10px;}
.tab-content{margin-top:3rem;position: relative; background: url(../images/pro_back.jpg) no-repeat top 73% center;}
.tab-pane{display:none}
.tab-pane.active{display:block}
.slick-container{margin-top:20px}
.index_proswiper .slick-item{display:inline-block;margin-right:5px;padding: 2rem;margin-top: 2rem;margin-bottom:2rem}
.index_proswiper  .slick-item .pic{width:100%;object-fit:contain;position:relative;}
.index_proswiper  .slick-item .pic img{width:100%;height:100%;display: block; padding: 3rem 0 0rem 0; margin: 0rem 0 5rem 0;}
.index_proswiper  .slick-item:hover{background: #fff;/*box-shadow: 1px 4px 5px rgb(204 204 204 / 58%);*/border: 1px solid #ddd; padding: 2rem ;transition:all 0.5s  ease-in-out; border-radius: 10px;}
.index_proswiper  .slick-item .des{display:none}
.index_proswiper  .slick-item .des b{font-size:3rem;line-height:1.5;opacity:.3;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:center;display:block}
.index_proswiper  .slick-item .des .p1{font-size:1.4rem;color:#20187d;position:absolute;left:0;top:-3.5rem;text-align:center;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index_proswiper  .slick-item .des .p2{font-size:1rem;line-height:1.8;text-align:center;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:absolute;color:#333;bottom:-1rem}
.index_proswiper  .slick-item:hover .des{display:block;position:absolute;top:20%;z-index:999;padding:0;transform:.3s ease-in;width: 100%;height: 100%;  }
.index_proswiper  button{font-size:0; border: none; }  
.index_proswiper  .slick-prev{left:-9%;background:url(../images/button_left.png)   center center no-repeat;width: 114px;height: 115px;position: absolute;top: 27%;}
.index_proswiper  .slick-next{right:-9%;background:url(../images/button_right.png) center center no-repeat;width: 114px;height: 115px;position: absolute;top: 27%;}

/* =============================================   关于我们  ============================================= */
.index_about{ background:url(../images/about_back.jpg) center center  no-repeat;position: relative; padding: 0rem 0 2rem 0; }
.index_about  h3{font-size: 2rem;color: #fff;font-weight: 600;line-height: 3; padding-top: 2.5rem;}
.index_about  p{font-size: 1rem;text-indent: 2rem;color: #fff;line-height:2;letter-spacing: 0.5px;}
.index_about .video-con{position:relative;width: 51%;}
.index_about .video-con video{width:100%;height:100%; border-radius: 20px;}
.index_about .video-btn{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;cursor:pointer}
.index_about .video-btn img{position: absolute;width: 136px;height: 136px; left: 45%;top: 42%;margin-left: -32px;margin-top: -35px; z-index: 99;}
@-webkit-keyframes wateranimate{0%{-webkit-transform:scale(0);opacity:1}
50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(2);opacity:0}}
@keyframes wateranimate{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}
.water1{-webkit-animation:wateranimate 4s 3s ease-out infinite;animation:wateranimate 4s 3s ease-out infinite}
.water2{-webkit-animation:wateranimate 4s 2s ease-out infinite;animation:wateranimate 4s 2s ease-out infinite}
.water3{-webkit-animation:wateranimate 4s 1s ease-out infinite;animation:wateranimate 4s 1s ease-out infinite}
.water4{-webkit-animation:wateranimate 4s 0s ease-out infinite;animation:wateranimate 4s 0s ease-out infinite}
.water1,.water2,.water3,.water4{padding:5%;position:absolute;left:45%;top:41%;border:1px solid #fff;box-shadow:0 0 60px 30px #fff inset;border-radius:100%;z-index:1;opacity:0}
.usnumber{display:flex;justify-content:space-between;margin-top:60px;margin-bottom:70px}
.numblist{width: 44%;}
.numblist img{display:block;width:auto;height:auto;margin:0 auto}
.numblist span{font-size:5rem;display:block;background:linear-gradient(to bottom,#fff,#fff,#fff,#fff,#fff);-webkit-background-clip:text;color:transparent;color:#3a30ba;font-family:arial;font-weight:600}
.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:79%}
.ibrand-num p{position:relative;padding:0 1rem;padding:0 0;text-align:center;position:absolute;bottom:-3rem;left:48%;transform:translate(-50%,-50%);display:block}
.ibrand-num i{display:block;font-style:normal;font-size:.875rem;color:#666;position:absolute;top:2%;right:-1rem}
.ibrand-num li{width:44%;border:1px solid rgb(221 221 221 / 75%);padding:6rem 6rem;position:relative;margin-bottom:3rem;border-radius:20px}
.ibrand-num li:nth-child(1){margin-top: 0rem;}
.numblist li:nth-child(1) em   , .numblist li:nth-child(2) em {color: #fff;}
.ibrand-num li:nth-child(2){margin-top: -7rem;}
/* 查看更多的样式 */
.index_about .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: #fff!important; width: 180px;margin-top: 20px; margin: 2rem 0;background: url(../images/icon9.png) right 15% center no-repeat;border: 1px solid #fff;}
.aboutmore:hover{background: url(../images/icon9.png) #3a30ba right 15% center no-repeat; border: none; }
.aboutmore:after , .aboutmore:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2; border-radius: 50px;color:#fff!important;}
.aboutmore:hover{z-index:1;background:0 0;color:#fff!important;}
.aboutmore:before{transition:.5s;background: url(../images/icon9.png) #3a30ba right 15% center no-repeat;z-index:-1;color:#fff!important;}
.aboutmore:hover:after ,  .aboutmore:hover:before{width:100%}
.index-newscenter  .aboutmore{ color: #666;border: 1px solid #ddd;  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; width: 180px;margin-top: 20px; margin: 2rem 0;background: url(../images/icon9.png) right 15% center no-repeat;}
.about_1 .video-btn { position: absolute!important; z-index: 99999!important; left: 50%!important; top: 45%!important; transform: translate(-50%, -50%)!important;-webkit-transform: translate(-50%, -50%)!important; box-shadow: 0 1px 6px 4px rgb(238 237 245 / )}
.about_1 .slick-slide {position: relative;}
.about_1 .videolist{margin-bottom:3rem}
/* =============================================  新闻中心  ============================================= */
.index-newscenter{background-color: #f8f9fa;padding: 2rem 0;position: relative;     }
.index-newscenter  .ptit2  h3{font-size:2rem;color: #131313;line-height: 1.5;font-weight: 600;}
.index-newscenter  .ptit2  p{ color: #444;  font-size:1rem;}
.nlist{margin-top:2rem; align-items:flex-start}
.nlist .left{width: 42%;}
.nlist .left  img{width:100%;height: 25rem;display: block;object-fit: cover;}
.nlist .left .ntit{margin:1rem 0}
.nlist .left .ntit a,.nlist .right .ntit a{color:#222;font-size:1.15rem;line-height:2;width:80%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlist .left span,.nlist .right span{display:block;padding:0 1rem;color:#fff;background:#20187d;line-height:2;font-size:.875rem;text-align:center;border-radius:5px}
.nlist .left .des  ,  .nlist .right .des{color: #888;font-size: 0.9rem;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;}
.nlist .left  .date  ,  .nlist .right .date { background: url(../images/nicon.png) left center no-repeat; padding-left: 2rem;  font-size: 0.875rem; color: #888;margin: 0.8rem 0 0 0;font-family: arial; }
.nlist .right{width:54%;}
.nlist .left   .ntit  a:hover  ,  .nlist .right   .ntit  a:hover{color: #222; transform: all 0.4s ease-in; font-weight: 600;   }
.nlist .right  li{width: 100%;margin-bottom:1rem;border-bottom: 1px solid #ddd;padding-bottom: 1rem;   }

 /*左侧的滚动切换显示 */
.index_slideBox{ width:100%; height:34rem; overflow:hidden; position:relative;}
.index_slideBox .hd{ height:3rem; overflow:hidden; position:absolute; right:5px;z-index:1;bottom: 18%; }
.index_slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index_slideBox .hd ul li{ float:left; margin-right:2px;  width:2rem; height:2.3rem; line-height:2.3rem; text-align:center;
background: rgb(51 51 51 / 62%);cursor: pointer;color:#fff; font-size:1rem;   }
.index_slideBox .hd ul li.on{ background:#f00; color:#fff; }
.index_slideBox .bd{ position:relative; height:100%; z-index:0;   }
.index_slideBox .bd li{ zoom:1; vertical-align:middle; height: 34rem;background: #fff;}
.index_slideBox .bd img{ width:100%; height:28rem;display:block;}
.index_slideBox .bd  a{display:block;}
.index_slideBox .date{ background: url(../images/nicon.png) left center no-repeat; padding-left: 2rem;font-size: 0.875rem;color: #444;margin: 1rem 0 0 0;
}
.index_slideBox .tit{color: #222; font-size: 1.4rem;line-height: 1.8;width: 80%;display: block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.index_slideBox .des{ color: #444; font-size: 1rem;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_slideBox .date{background: url(../images/nicon.png) left center no-repeat; padding-left: 2rem; font-size: 0.875rem;color: #444; margin: 1rem 0 0 0; font-family: arial; }
.index_slideBox  .summary{padding:1.6rem 1.4rem}
.index_slideBox  .summary span{display: block; padding: 0 1rem;color: #fff; background: #20187d; line-height: 2; font-size: .875rem; text-align: center; border-radius: 5px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.index_slideBox .prev,
.index_slideBox .next{ position:absolute; left:3%; top:43%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) #ccc -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.6;z-index: 999;   }
.index_slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.index_slideBox .prev:hover,
.index_slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index_slideBox .prevStop{ display:none;  }
.index_slideBox .nextStop{ display:none;  }

/* =============================================  生产案例  =============================================  */
.index-case{overflow:hidden;position: relative;margin: 2rem 0;}
.index-case .txt,.index-pro .txt{font-size:14px;color:#999;text-align:center}
.index-pro .txt a{color:#999}
.index-pro .txt a:hover{color:#da251d}
.flipster{display:block;width:100%;margin: 3rem auto 0;position: relative; height:auto!important;}
.flip-item , .flip-items{display:block;margin:0 auto;padding:0;list-style-type:none}
.flip-items{width:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-box-sizing:content-box;box-sizing:content-box}
.flip-item{position:absolute;opacity:1}
.flip-future,.flip-next,.flip-past,.flip-prev{cursor:pointer}
.flip-item img{display:block;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
.flipster-coverflow .flip-items{-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;position:relative;padding-top:2%;padding-bottom:5%}
.flipster-coverflow .flip-item{display:block;-webkit-transition:all 175ms ease-in-out;-moz-transition:all 175ms ease-in-out;-o-transition:all 175ms ease-in-out;transition:all 175ms ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;position:absolute;width:30%}
.flipster-coverflow .flip-content{-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-webkit-box-reflect:below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,.12)),color-stop(.2,transparent))}
.flipster-coverflow .flip-past .flip-content{-webkit-transform:rotateY(55deg) scale(.75);-moz-transform:rotateY(55deg) scale(.75);-o-transform:rotateY(55deg) scale(.75);-ms-transform:rotateY(55deg) scale(.75);transform:rotateY(55deg) scale(.75)}
.flipster-coverflow .flip-future .flip-content{-webkit-transform:rotateY(-55deg) scale(.75);-moz-transform:rotateY(-55deg) scale(.75);-o-transform:rotateY(-55deg) scale(.75);-ms-transform:rotateY(-55deg) scale(.75);transform:rotateY(-55deg) scale(.75)}
.flipster-coverflow.no-rotate .flip-past .flip-content{-webkit-transform:scale(.75);-moz-transform:scale(.75);-o-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}
.flipster-coverflow.no-rotate .flip-future .flip-content{-webkit-transform:scale(.75);-moz-transform:scale(.75);-o-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}
.flipster-coverflow .flip-current .flip-content{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}
.flipster-coverflow .flip-hidden{visibility:hidden;-webkit-opacity:0;-moz-opacity:0;opacity:0}
.flipster-carousel .flip-items{-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px}
.flipster-carousel .flip-item{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out}
.flipster-carousel .flip-item:after{background:url(../images/flip_bg.png) repeat;width:100%;height:100%;display:block;content:"";position:absolute;top:0;left:0}
.no-csstransforms .flipster-carousel .flip-item{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.flipster-carousel .flip-items .pic{width:890px}
.flipster-carousel .flip-current .pic{border-radius: 30px; -moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease}
.flipster-carousel .flip-past{-webkit-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);-moz-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);-o-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);-ms-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65)}
.flipster-carousel.no-rotate .flip-past{-webkit-transform:translateX(-80%) translateZ(0) scale(.65);-moz-transform:translateX(-80%) translateZ(0) scale(.65);-o-transform:translateX(-80%) translateZ(0) scale(.65);-ms-transform:translateX(-80%) translateZ(0) scale(.65);transform:translateX(-80%) translateZ(0) scale(.65)}
.no-csstransforms3d .flipster-carousel .flip-past{-webkit-transform:translateX(-56%) scale(.5);-moz-transform:translateX(-56%) scale(.5);-o-transform:translateX(-56%) scale(.5);-ms-transform:translateX(-56%) scale(.5);transform:translateX(-56%) scale(.5)}
.no-csstransforms .flipster-carousel .flip-past{left:-20%;top:40%;width:50%;height:50%}
.flipster-carousel .flip-future{-webkit-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);-moz-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);-o-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);-ms-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65)}
.flipster-carousel.no-rotate .flip-future{-webkit-transform:translateX(80%) translateZ(0) scale(.65);-moz-transform:translateX(80%) translateZ(0) scale(.65);-o-transform:translateX(80%) translateZ(0) scale(.65);-ms-transform:translateX(80%) translateZ(0) scale(.65);transform:translateX(80%) translateZ(0) scale(.65)}
.no-csstransforms3d .flipster-carousel .flip-future{-webkit-transform:translateX(56%) scale(.5);-moz-transform:translateX(56%) scale(.5);-o-transform:translateX(56%) scale(.5);-ms-transform:translateX(56%) scale(.5);transform:translateX(56%) scale(.5)}
.no-csstransforms .flipster-carousel .flip-future{left:88%;top:40%;width:50%;height:50%}
.flipster-carousel .flip-prev{-webkit-transform:translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);-moz-transform:translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);-o-transform:translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);-ms-transform:translateX(-74%) translateZ(0) rotateY(68deg) scale(.8);transform:translateX(-74%) translateZ(0) rotateY(68deg) scale(.8)}
.flipster-carousel.no-rotate .flip-prev{-webkit-transform:translateX(-60%) translateZ(0) scale(.8);-moz-transform:translateX(-60%) translateZ(0) scale(.8);-o-transform:translateX(-60%) translateZ(0) scale(.8);-ms-transform:translateX(-60%) translateZ(0) scale(.8);transform:translateX(-60%) translateZ(0) scale(.8)}
.no-csstransforms3d .flipster-carousel .flip-prev{-webkit-transform:translateX(-24%) scale(.75);-moz-transform:translateX(-24%) scale(.75);-o-transform:translateX(-24%) scale(.75);-ms-transform:translateX(-24%) scale(.75);transform:translateX(-24%) scale(.75)}
.no-csstransforms .flipster-carousel .flip-prev{left:-9%;top:20%;width:75%;height:75%}
.flipster-carousel .flip-next{-webkit-transform:translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);-moz-transform:translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);-o-transform:translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);-ms-transform:translateX(74%) translateZ(0) rotateY(-68deg) scale(.8);transform:translateX(74%) translateZ(0) rotateY(-68deg) scale(.8)}
.flipster-carousel .flip-future,.flipster-carousel .flip-past{z-index:1;-webkit-transition-delay:87.5ms;-moz-transition-delay:87.5ms;-o-transition-delay:87.5ms;transition-delay:87.5ms}
.flipster-carousel .flip-next,.flipster-carousel .flip-prev{z-index:2;-webkit-transition-delay:58ms;-moz-transition-delay:58ms;-o-transition-delay:58ms;transition-delay:58ms}
.flip-content{position:relative}
.flip-content a{overflow:hidden;display:block}
.flip-content .xq{ display:none; overflow:hidden; z-index:100}
.flip-content .xq .box1{/*float:left;margin-right:60px*/}
.flip-content .xq .box1 h3{display:block}
.flip-content .xq a{float:right}
.flip-content .xq .box1 h3 a{float:none}
@-webkit-keyframes lh{0%,100%{-webkit-transform:scale(.9);transform:scale(.9)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes lh{0%,100%{-moz-transform:scale(.9);transform:scale(.9)}
50%{-moz-transform:scale(1);transform:scale(1)}
}
@-o-keyframes lh{0%,100%{-o-transform:scale(.9);transform:scale(.9)}
50%{-o-transform:scale(1);transform:scale(1)}
}
@keyframes lh{0%,100%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
.flip-current .xq.on{display:block}
.flip-content .xq h3 a{font-size: 1.5rem; color: #fff;position: absolute;right: 0; bottom: 0; background: url(../images/vdbg.png) no-repeat right bottom;display: block;  width: 378px; text-align: center; height: auto; line-height: 4rem;text-indent:7rem;}
.flip-content .xq p{font-size:18px}
.flip-content .xq a{display:inline-block}
.flipster-carousel .flip-current{z-index:999;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:58ms;-moz-transition-delay:58ms;-o-transition-delay:58ms;transition-delay:58ms;overflow: hidden;
    border-radius: 20px;}
.flipster-carousel .flip-current:after{background:0 0;position:static}
.flip-current .pic{border:5px solid #fff}
.flipster-carousel .flip-hidden{visibility:hidden;-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transform:rotateY(0) translateX(0) scale(.5);-moz-transform:rotateY(0) translateX(0) scale(.5);-o-transform:rotateY(0) translateX(0) scale(.5);-ms-transform:rotateY(0) translateX(0) scale(.5);transform:rotateY(0) translateX(0) scale(.5);-webkit-transition-delay:.116s;-moz-transition-delay:.116s;-o-transition-delay:.116s;transition-delay:.116s}
.no-transition{-webkit-transition-duration:0s!important;-moz-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}
.flip-current  .xq{display:block; background: url(../images/vdbg.png) no-repeat top 3% right; position: absolute;bottom: 5px;right: 0;    
width: 100%; /*height: 168px; */z-index:999999;overflow: hidden;border-radius: 20px; }
.hqbj{font-size:1rem;color:#fff;padding-left:2rem;background:url(../images/icon1.png) no-repeat left center;position:absolute;right:7%;bottom:34%;height:2.2rem;line-height:2.2;z-index: 999999;}
.hqbj a{color:#fff;font-size:1rem}
.index-case .video-play{position:absolute;left:5%;width:80px!important;height:80px!important;bottom:30%}
.flip-content:root {--swiper-theme-color: #fff;}
.flip-content a{color:#fff}   
.descbg{/*position:absolute;right:0;bottom:0; background: url(../images/vdbg.png) no-repeat top 3% right;width: 80%;height: 10.5rem; */  }
.index-case .video-con video{width:100%;height:100%;  }
.index-case .video-btn1{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;cursor:pointer}
.index-case .video-btn1 img{position: absolute;left:2%;top: 61%;z-index: 99;} 
.index-case .video-con video {height: 100%; position: relative;left: 0px; bottom: 0; width: 100%;overflow: hidden;}   
.index-case  .left{position:absolute;left:-30%; top:39%;z-index:999999;cursor:pointer; }
.index-case  .right{position:absolute;right:-30%;top:39%;z-index:999999;cursor:pointer; }



/*首页的荣誉资质滚动*/
.index-honor{padding:2rem 0  0  0}
.index-honor-more{background: #3a30ba; border-radius: 50px; width: 20rem; text-align: center;line-height: 3.5; color: #fff; display: block; margin: 3rem auto 0; font-size: 1.125rem;}
.index-honor  li{padding:1rem;background:#f5f6f8;opacity:1!important;position:relative;}
.index-honor  li p{color:#131313;font-size:1rem;text-align:center;padding-top:1rem;  }
.index-honor  li:hover{background:#3a30ba;}
.index-honor  li:hover p{color:#fff}
.index-honor  .swiper-button-prev{ font-size:0;width:7.5625rem;height:7.1875rem;background:url(../images/index_honor_pre.png) center center  no-repeat;}
.index-honor  .swiper-button-next{ font-size:0;width:7.5625rem;height:7.1875rem;background:url(../images/index_honor_next.png) center center  no-repeat;}
.index-honor  .swiper-button-prev:after  , .index-honor  .swiper-button-next:after  {font-size:0;}
.index-honor .swiper-container{margin-top:2rem}
.index-honor  li .index_more{position:absolute;right:0.9rem;bottom:3rem;display:none; }
.index-honor .close-btn{display:none}
.index-honor  li:hover .index_more{display:block;  }
.index-honor-more  img{display:inline-block;padding-left:2rem}
.index-honor-more:hover{color:#fff; }
.index-honor-more:hover{background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);transition:all 0.6s ease-in-out;}


/* =============================================    成套工程  ============================================= */
.index_gongcheng{padding: 2rem 0;position: relative;background:url(../images/engineering_back.jpg) center center  no-repeat;}
.index_gongcheng ul{margin-top: 3rem;}
.index_gongcheng  li{width:32%;background: url(../images/gcimgbg.png)  #fff  no-repeat top 3% right;}
.index_gongcheng li h6{background:url(../images/icon10.png) no-repeat left 10% center;padding-left: 15%;color:#131313;font-size:1.4rem;line-height:2.5;text-align:center;font-weight:600;text-align: left;}
.index_gongcheng .des{color:#333;font-size:1rem;line-height:1.5;padding:1% 10%;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index_gongcheng li .gcmore{position:relative;height:4rem}
.index_gongcheng li .gcmore::after{position:absolute;content:"";width:50%;height:1px;background-color:#ededed;left:0}
.index_gongcheng li .gcmore p{padding-left:.5rem;color:#20187d;font-size:1rem;display:block}
.index_gongcheng li .gcmore p:hover{color:#f48700;transition:all 0.6s  ease-in-out}
.index_gongcheng li .gcmorelink{position:absolute;right:10%;top:1rem}
.index_gongcheng  li h6:hover{transition:all  0.6s ease-in-out;color:#20187d;  }
.index_gongcheng .outimg{background-color:#d2d1e5;position:relative;width:95%;height:18rem;}
.index_gongcheng  li .gcimg{display: block;width: 100%;height:18rem; object-fit: cover;   } 
.index_gongcheng  li .wz{box-shadow: 1px 2px 6px rgb(32 24 125 / 8%);border-radius: 0 0 50px 0;} 
.index_gongcheng .gcmorelinkall{background:linear-gradient(to bottom,#282091 20%,#655cdd 100%,#4b3fe0 30%);border-radius:50px;line-height:3;font-weight:600;font-size:1.5rem;text-align:center;margin:3rem auto 0;display:block;width:25%;color:#fff;position:relative}
.index_gongcheng .gcmorelinkall::after{position: absolute;content:"";border: 1px dashed #282091; width: 106%; height: 5.5rem; border-radius: 51px;left: -3%;bottom: -11%;transition:all 0.6s ease-in-out;}
.index_gongcheng .gcmorelinkall:hover{background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);transition:all 0.6s ease-in-out;}
.index_gongcheng .gcmorelinkall:hover::after{border:1px dashed #fcc400;transition:all 0.6s ease-in-out;   }

/* =============================================    合作  ============================================= */
.index-hezuo{background:url(../images/cooperate_back.jpg)  center center  no-repeat; padding: 2rem 0;position: relative;  }
.index-hezuo  .pubtit  h3{font-weight: 600;font-size:2rem ;line-height: 1.8; padding-bottom: 2rem;color:#fff; text-align: left; }
.index-hezuo  ul li{margin-bottom: 1.05rem;position:relative; text-align: left;color: #fff;font-size: 1.05rem;padding-left: 1rem; }
.index-hezuo  ul li::after{position: absolute; content:""; border: 1px solid #fff;width: 10px;height: 10px;border-radius: 50px; left: 0; top: 7px;        }
.index-hezuo .left{width: 55%;}
.index-hezuo .left  .baojiamore{line-height: 3;background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);border-radius:50px;font-size: 1.2rem;font-weight:600;text-align:center;display:block;width:50%;color:#fff;position:relative;border: 1px solid #fff;   }
.index-hezuo .baojia  p{font-size: 1rem;color: #fff;padding-left: 2rem;text-align: left;}
.index-hezuo .baojia {margin: 3rem 0 3rem 0 ;}
.index-hezuo .hotline{margin: 0.6rem 0;}
.index-hezuo .hotline p{font-size: 1.125rem;color: #fff;line-height: 2;  margin-left: 0.6rem;}
.index-hezuo .hotline  b{font-size:1.5rem; color: #fff;font-family: Arial, Helvetica, sans-serif;   }
/*右侧的地图*/
/*.index-hezuo .right{width:45%}*/
#world{width: 1000px;height: 500px;	margin: 0 auto;	}

/* =============================================    底部  ============================================= */
.footer{position: relative;padding: 3rem  0 1rem 0;background:url(../images/ftbg.jpg)   center center  no-repeat;  }
.footer-con .ul1{margin: 3rem  0;}
.footer-con .ul1 li{margin-bottom: 1rem;color: #fff; font-size: 1rem;   }
.footer-con .ul1 li img{display: block; margin-right: 1rem;}
.footer-con .ewm  li{margin-right:7%; color: #fff; font-size:0.875rem;text-align: center;}
.footer-con .ewm  li img{display: block;margin-bottom: 1rem;text-align: center;line-height: 2;   }
.footer-con p{color:#fff;font-size:1rem;line-height:2}
.footer-top-fl{align-items:flex-start!important}
.footer-top-fl .left{width:60%!important;}
.footer-top-fl .left>div{align-items:flex-start!important}
.footer-top-fl .footer-con{width: 32%;border-right: 1px solid rgb(105 109 126 / 32%);}
.footer .fnav .tit{font-size:1.25rem;color:#fff;margin-bottom:1.2rem;}
.footer .fnav a{font-size: 1rem;text-align: left;color: #8a8d9a;display:block;line-height:2.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer .fnav a:hover{color:#fff}
.footer .fcon{width:380px;float:right}
.footer .fcon .tit{font-size:1.25rem;color:#fff;margin-bottom:1.2rem;text-align:right}
.footer .cop{margin: 5rem 0 0  0; font-size: 0.875rem; }
.footer .cop  a{display: inline-block;line-height:3;   color: #696d7e;  }
.footer .cop  p{ line-height: 3;}
.footer .cop  a:hover{color: #fff;transition: all 0.3s ease-in;  }
.footer .cop{margin:5rem 0 0 0;font-size:.875rem;border-radius:50px;border:1px solid rgb(105 109 126 / 38%);text-align:center;line-height:3;height:3rem;color:#696d7e}

/* ==================================================  工程案例 ==================================================  */
.base-title h2{font-size:2.5rem;color:#333;margin-bottom:1.5rem}
.base-title h2 a{color:#333}
.base-title p{font-size:1.25rem;color:#666;line-height:2rem}
.case-ul {margin-top: 2rem ;}
.case-ul li{position:relative;overflow:hidden;margin:0 1rem}
.case-ul li .pic .ceng{ position: absolute;  width: 100%; background-color: rgb(0 0 0 / 57%); left: 0;top: 0; z-index: 99;  height: 100%;   }
.case-ul li .pic img{display:block;width:100%;transition:all .3s ease-in-out}
.case-ul li .text{position:absolute;left:0;bottom:0;width:100%;padding:1.5rem 10% 4rem;z-index:2;text-align:center;opacity:0;background:rgba(11,30,46,.5)}
.case-ul li .text .tit{display:block;font-size:1.75rem;font-weight:700;line-height:1.5;color:#fff;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-ul li .text p{font-size:1rem;color:#fff;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-ul li .mark{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(11,30,46,.5);z-index:1;transition:all .3s ease-in-out}
.case-ul li .mark a{display:block;position:absolute;top:50%;left:50%;margin-left:-2rem;margin-top:-2rem}
.case-ul li.slick-current .text{opacity:1}
.case-ul li.slick-current .mark{opacity:0}
.case-ul li:hover .pic img{transform:scale(1.05)}
.case-ul .slick-dots{position:absolute;text-align:center;left:0;bottom:1.5rem;width:100%;height:1rem}
.case-ul .slick-dots li{display:inline-block;vertical-align:top;width:2rem;height:1.25rem;margin:0 6px;position:relative;cursor:pointer}
.case-ul .slick-dots li button{display:none}
.case-ul .slick-dots li:before{content:'';display:block;position:absolute;left:0;top:.5rem;width:100%;height:.375rem;background-color:#fff;opacity:.2}
.case-ul .slick-dots li:after{content:'';display:block;position:absolute;left:0;top:.5rem;width:0;height:.375rem;background-color:#fff}
.case-ul .slick-dots .slick-active:after{width:100%}
.caseslideTxtBox  .titlist li{cursor:pointer;color:#333;font-size:1.125rem;background:url(../images/caseicon2.png) left center no-repeat;text-indent:2rem}
.caseslideTxtBox  .titlist li.on  , .caseslideTxtBox  .titlist li:hover {background:url(../images/caseicon1.png) left center no-repeat;color:#cd0202}
.caseslideTxtBox  .titlist li.on a  ,  .caseslideTxtBox  .titlist li:hover a {color:#cd0202}
.caseslideTxtBox  .titlist{width:53%;margin:2rem auto;background:#fdfafa;border-radius:30px;border:1px solid #ddd;line-height:2.8;padding:0 1%}

.footer-con > img{display:block;width:66%;max-width:100%;object-fit:contain} 

/* ===================  内页 ================  */
/* ====================  产品列表页面 ====================*/
/* 内页的导航头部导航栏 */
.top-text h1,.top-text strong{font-size:2.5rem;line-height:2;color:#fff;font-weight: 600; letter-spacing: 10px;}
.nytop_nav .top-text { position: absolute;left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);top: 45%; text-shadow: 1px 1px 2px #555;}
.headstyle2{text-align:center}
.nytop_nav{text-align: center; position: relative; margin-top: 8.125rem;height:28.125rem}
.ny-index-banner{height:450px!important;background-size: cover!important;}
.page-position .content  a{color: #fff;}
.page-position a{color:#fff}
.page-wrap{background:#fff;padding-bottom:5rem;  position:relative;  z-index: 999999;}
.page-position {padding: 0 0; line-height: 3;font-size: 0.875rem; color: #fff; width: 100%;border-top: 1px solid rgb(255 255 255 / 30%); position: absolute;bottom: 0;}
.page-position  p{text-align:left;  display: block; font-size: 0.875rem;    background:url(/skin/images/icon16.png) no-repeat left center; padding-left: 2rem;       }
.page-position  p a:hover{color:#4c41e4}

.headstyle2{height:45rem}  /* 产品详情页内页的高度，banner */
.page-product-detail-box {width: 100%;position: absolute;top:48%;left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); z-index: 9999999;  }
.page-product-detail-box  .big-img{background:url(/skin/images/detail2.png) no-repeat bottom center;; width:48%;    z-index: 99;height: 33rem;}  
.page-product-detail-right{background: url(/skin/images/detail1.png) no-repeat  bottom center;width: 59%;height: 100%;height: 33rem;z-index: 22;position: absolute;bottom: 0; right: 0;}
.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%;} 
/* 以上是内页的所有导航头部导航栏的样式 */
/* 内页的二级分类导航栏 */
.nynav{ margin-top: 3rem; }
.nynav  ul  li{width: 18%; margin-right: 1%;border: 5px solid #eee; margin-bottom: 1%;  }
.nynav  ul  li:nth-child(5n){margin-right: 0%;}
.nynav  ul  li a{display: block;text-align: center;font-size: 1.125rem;  line-height:4; color: #333;    }
.nynav  ul  li:hover{ border: 5px solid #7974b1;transition: 0.3s all ease-out; }
.nynav  ul  li.on{ border: 5px solid #7974b1; }
/*成套工程的二级栏目内页*/
.ctgclist  .nynav ul li{width:24%!important}

/* 内页的产品列表页面 */
.nyprotit {margin: 1rem 0;background:url(/skin/images/classification_pic.png) no-repeat left center;height: 95px;width: 100%;}
.nyprotit  h2{display: block;line-height: 6.6;font-size: 2rem;color: #222;padding-left: 2rem;   }
.nyprolist li{ position:relative; border-radius:10px;width:22%; margin: 1rem 0;padding:1%;border: 1px solid #ddd; background: #fff;text-align: center;margin-right:1%;  }
.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}
.nyprolist li .nydes { width: 100%; padding: 0 5%;}
.nyprolist .img{width:100%;position:relative;padding: 4rem 0 2rem 0;  }
.nyprolist .img img{width:100%;display:block;object-fit:cover}
.nyprolist li h3{text-align: left;display:block;position:absolute;left:0;top:.5rem;color:#222;margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:0;margin-block-end:0;font-weight:600;font-size:1.2rem;background:url(/skin/images/icon22.png) no-repeat left center;padding-left:2rem;width:90%}
/* 更多 */
.nyprolist .nypmore{margin:1rem 0}
.nyprolist .nypmore a{display:block;width:45%;line-height:3;color:#fff;font-size:1rem;text-align:center;}
.nyprolist .nypmore a:nth-child(1){background:linear-gradient(to bottom,#261e8b 20%,#493edd 100%,#493edd 30%);border-radius:5px;line-height:3; }
.nyprolist .nypmore a:nth-child(2){border:1px solid #ddd;border-radius:5px;line-height:3;color:#666;}
.nyprolist .nypmore a:nth-child(2):hover{border:1px solid #261e8b;color:#261e8b;transition: all 0.3s ease; }
.nyprolist li:hover{background-color:#fff; border:1px solid #5145ef;transition: all 0.3s ease; box-shadow: 1px 2px 5px rgba(204, 204, 204, 0.3); }
/* 页码 */
.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;border:1px solid #cbcbcb;margin:0 3px;padding:0 12px}
.xypg-pagination #current,.xypg-pagination a:hover{color:#fff;border-color:#20187d;background:#20187d}
/* 留言表单 */
.nyliuyan{background:url(/skin/images/message_back.png ) no-repeat left center; padding:4rem 0;  }
.nyliuyan .gcmorelinkall{background:linear-gradient(to bottom,#282091 20%,#655cdd 100%,#4b3fe0 30%);border-radius:50px;line-height:3;font-weight:600;font-size:1.5rem;text-align:center;margin:3rem auto 0;display:block;width:27%;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 0.5s ease-in;}
.nyliuyan .gcmorelinkall:hover::after{border:1px dashed #fcc400;transition: all 0.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:30%;color: #333;font-size: 1rem; }
.liu  li:nth-child(4){width: 100%;}
.button:focus{outline:none;}
.button{border:none;outline:none;}
input[type=password],input[type=text],textarea{overflow: hidden; width: 71%; height: 44px; background: #fff; text-align: center; line-height:44px;font-size: .875rem; color: #ddd; margin-right: 1rem;text-align: left; text-indent: 2rem;}
input.index_input::-webkit-input-placeholder{color:#999;font-size:.875rem}
input.index_input:-moz-placeholder{color:#999;opacity:1;font-size:.875rem}
input.index_input::-moz-placeholder{color:#999;opacity:1;font-size:.875rem}
input.index_input:-ms-input-placeholder{color:#999;font-size:.875rem}
textarea.index_textarea::-webkit-input-placeholder{color:#999;font-size:.875rem}
textarea.index_textarea:-moz-placeholder{color:#999;opacity:1;font-size:.875rem;  }
textarea.index_textarea::-moz-placeholder{color:#999;opacity:1;font-size:.875rem}
textarea.index_textarea:-ms-input-placeholder{color:#999;font-size:.875rem}
input {border-width: 0px!important;border-color:none!important; border: #fff;}
.liu{width: 100%;margin: 2rem 0;}
input { outline: none;}
input:focus { outline: none;}   
textarea  { outline: none;}
textarea:focus { outline: none;}   
/* 产品详情页 */
/* 第三个头部 */
.ny-index-banner3{height:800px!important; background-size: cover!important;}
.nytop_nav3 {position: relative;width: 100%;}
.nytop_nav3 .page-position { padding: 15px 0; font-size: 14px;color: #fff; position: relative; width: 100%; border-top:none!important;margin-top: 10%;z-index:999; margin-top: 0%; }
.ny-index-banner3  .page-product-detail-box {top: 17%;}
.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; margin: 3rem auto;}
.page-product-detail-right  h1{font-size:2rem;color: #222;line-height: 2;    padding-bottom: 2rem;  text-align:left;}
.page-product-detail-right  .nr{    padding-top: 13%; padding-left: 20%;}
.proxn  li{line-height: 2; background: url(/skin/images/icon10.png) no-repeat left  center; padding-left: 2rem;text-align: left;   }
.proxn  li b{color: #222;font-size: 1.25rem;  }
.proxn  li span{ color: #333; font-size: 1rem;  }
.page-wrap  .left{width: 70%;}
.page-wrap  .left_1{width: 75%; padding: 2rem 0rem 0rem 3rem;}
.procontent{line-height:2}
.procontent h4{line-height:2;margin-bottom:0.5rem}
.procontent p{font-size: 1rem;color: #333;  line-height:2; margin-bottom: 0rem; text-indent: 2rem;}
.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 0.6rem 0; }
.procontent  img { width: 100%; max-width: unset; margin-left: -2em;}
    
    
    
.procontent_news{line-height:2}
.procontent_news h4{line-height:2;margin-bottom:0.5rem}
.procontent_news p{font-size: 1rem;color: #333;  line-height:2; margin-bottom: 0rem; text-indent: 2rem;}
.procontent_news 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 0.6rem 0; }
.procontent_news img{width:100%;max-width:unset;margin-left:-2em}
/* 上下篇*/
.pagelist{  background: #f8f9fb;font-size: 0.875rem;color: #666;padding: 1rem 0.5rem; margin: 3rem 0 0 0;}  
.pagelist a{  font-size: 0.875rem;color: #666; } 
.pagelist a:hover{  color:#282091}
/* 右侧相关的产品列表 */
.page-wrap .right{width:24%;background-color: #f8f9fa;padding: 2rem 1rem;   }
.page-wrap .right  b{background: url(/skin/images/icon26.png) no-repeat left 2% center;font-size: 1.8rem;color: #222;display: block;text-align: left;margin-bottom: 2rem; padding-left: 2rem;}
.page-wrap .content{align-items:flex-start!important;/*margin-top: 5rem;*/}
.cooperate{width:1400px;height: 58rem;margin: auto;background:#fff;}
.page-wrap .right .ul1 .img{width: 46%;background:#fff;padding: 1rem;border-radius: 8px;}
.page-wrap .right .ul1 .im  img{width:100%;display:block;object-fit: contain;}
.page-wrap .right .ul1 li{margin-bottom: 2rem;    overflow: hidden;}
.page-wrap .right .ul1 .more {width: 48%; margin-left: 1.5rem;}
.page-wrap .right .ul1 .more h6{display:block;line-height:3;font-weight:100;font-size:1rem;color:#333;margin-block-start:0;margin-block-end:0}
.page-wrap .right .ul1 .more a{display:block;background-color:#281f90;font-size:.875rem;width:50%;text-align:center;color:#fff;line-height:2;border-radius:5px}
.page-wrap .right .ul2{margin-top:2rem}
.page-wrap .right .ul2 li{background:url(../images/icon10.png) #fff no-repeat left 5% center;border-radius:20px;line-height:3;margin-bottom:1rem;width:100%}
.page-wrap .right .ul2 li a{color:#333;padding-left:2.5rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}
.page-wrap .right .ul2 li a:hover{color:#281f90;transition:all .3s ease-out}
.page-product-detail-right .hotline{margin:3rem 0}
.page-product-detail-right .hotline p{font-size:1.125rem;color:#333;line-height:2;padding-left:1.5rem}
.page-product-detail-right .hotline b{font-size:2rem;color:#333;font-family:Arial,Helvetica,sans-serif}
/* ====================  成套工程 ====================*/
h6 {display: block;margin-block-start: 0em;margin-block-end:0em;}
.ctgc  .left{width: 100%;}
.nrctgclist{margin-top:2rem}
.nrctgclist ul{margin-top:3rem;}
.nrctgclist li{width: 32%;margin-right: 2%;background: url(../images/gcimgbg.png) no-repeat top 4% right;margin-bottom:4%;}
.nrctgclist li:nth-child(3n){margin-right:0}
.nrctgclist li h6{background:url(../images/icon10.png) no-repeat left 10% center;padding-left:2rem;color:#131313;font-size:1.4rem;line-height:2.5;font-weight:600;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: left;padding-left: 15%;}
.nrctgclist .des{color:#333;font-size:1rem;line-height:1.5;padding:1% 10%;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nrctgclist li .gcmore{position:relative;height:4rem}
.nrctgclist li .gcmore::after{position:absolute;content:"";width:50%;height:1px;background-color:#ededed;left:0}
.nrctgclist li .gcmore p{padding-left:.5rem;color:#20187d;font-size:1rem;display:block}
.nrctgclist li .gcmorelink{position:absolute;right:10%;top:1rem}
.nrctgclist  li h6:hover{transition: all  0.3s ease-in-out;color:#20187d;  }
.nrctgclist .outimg{background-color:#d2d1e5;position:relative;width:95%;height:18rem;}
.nrctgclist  li .gcimg{display: block;width: 100%;height:18rem; object-fit: cover;   } 
.nrctgclist  li .wz{box-shadow: 1px 2px 6px rgb(32 24 125 / 8%);border-radius: 0 0 50px 0;} 
.nrctgclist .gcmorelinkall{background:linear-gradient(to bottom,#282091 20%,#655cdd 100%,#4b3fe0 30%);border-radius:50px;line-height:3;font-weight:600;font-size:1.5rem;text-align:center;margin:3rem auto 0;display:block;width:27%;color:#fff;position:relative}
.nrctgclist .gcmorelinkall::after{position:absolute;content:"";border:1px dashed #282091;width:108%;height:6rem;border-radius:50px;left:-5%;bottom:-17%}
.nrctgclist .gcmorelinkall:hover{background:linear-gradient(to bottom,#fcc700 20%,#f48700 100%,#f48700 30%);transition: all 0.5s ease-in;}
.nrctgclist .gcmorelinkall:hover::after{border:1px dashed #fcc400;transition: all 0.5s ease-in;   }
.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;    }
.ctgccontent img { width: 60%!important;max-width: unset; margin-left: -2em}
  
    
    
    
/* ====================  新闻列表 ====================*/
/*新闻分类的样式*/
.news-top{background:#f8f9fa;       }
.page-position  .navleft  ul  li{width:20%;}
.page-position  .navleft{width:60%}
.page-position  .navleft  ul  li a{font-size:1.2rem;  color:#fff;line-height:3; display:block;text-align:center}
.page-position  .navleft  ul  li.on {background: url(/skin/images/navigation_background.png) no-repeat center center;}
.nynewslist ul li{width:100%;background:#fff;padding:1rem;margin-bottom: 1.5rem;  background: url(/skin/images/nicon1.png)  #fff no-repeat right bottom;  }
.nynewslist ul a{width: 100%;align-items:flex-start  }
.nynewslist  .img{width: 27%; overflow: hidden;}
.nynewslist  .img img{    width: 100%; display: block;object-fit: cover;transition: .5s ease-in; height: 10rem;}
.nynewslist  .img img:hover { transform:scale(1.1,1.1);}
.nynewslist .right{width: 70%;padding: 0;background: none;}
.nynewslist .right  .p1{display:block;color:#444;font-size:0.875rem;line-height:2; margin-right: 2rem;    }
.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:0.5rem 0;display:block;color:#444;font-size:0.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;line-height:2;color:#222;font-size:0.875rem;}
.nynewslist .right  span em{color:#5145ef;  }
.nynewslist .right  span:hover {color:#5145ef;transition:all 0.3s  ease-in}
.nynewslist .right  h6:hover{color:#5145ef;transition:all 0.3s  ease-in}
/*视频的分类列表*/
.nyvideolist  ul li{width: 30%; margin-right: 1%;margin-bottom: 2rem;  height: 17.5rem;position: relative;padding: 1rem; box-shadow: 1px 2px 3px #ddd; border-radius: 10px; margin-bottom:3rem;border:1px solid #fff}
.nyvideolist  ul li:nth-child(3n){margin-right:0%;  }
.nyvideolist  ul li h6{font-size:1.125rem;color:#444;text-align:center;font-weight: 400;display:block;  line-height: 4rem;}
.nyvideolist  ul li:hover h6{ color:#251d89;transition:all 0.3s  ease-in }
.nyvideolist  .img{padding:1rem;background:#fff; border-radius:5px;border: 1px solid #fff;  }
.nyvideolist  .img img{border-radius:5px;display:block;    }
.nyvideolist  .img:hover{border: 1px solid #251d89;transition:all 0.3s  ease-in;    }
.nyvideolist .bofang{position:absolute;left: 50%;top:45%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);      }
.nyvideolist #videolist{overflow:hidden}
.nyvideolist .video-btn{position:absolute;z-index: 99999;   left: 50%;top:45%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }
.nyvideolist .video-con video { height: 100%;width: 100%; overflow: hidden;object-fit: cover;}
.nyvideolist  ul li:hover{  border:1px solid  #251d89;transition:all 0.3s  ease-in}
/*.nyvideolist li:hover .video-btn{display:none}*/
/*新闻详情页*/
.nesdetaillist > div{width:100%;line-height: 2.5;}
.newsdetail .ul1 .img{ width: 100%!important;background: none!important;}
.newsdetail .ul1 .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: 0.75rem 0.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; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsdetail .ul3  .more a {display: block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;font-size: 1rem; width: 100%; text-align: left; 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:#5145ef;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/nynewsicon1.png) no-repeat left center;font-size:0.875rem;  }
.nynewstit .met_hits{ margin-left: 30px;padding-left: 25px; background: url(../images/nynewsicon2.png) no-repeat left center;font-size:0.875rem;}
.xypg-pagination li.active {display: inline-block; }
.xypg-pagination li.active a{ color: #fff; background:#0a1028;display:block;    }   
  
/* ====================  联系我们 ====================*/
/* =====联系方式  =====*/
.nypinzhi ul{margin-top:2rem}
.nypinzhi  li{box-shadow: 1px 2px 8px rgb(221 221 221 / 37%);text-align: center;background:#fff;border-radius:5px;overflow:hidden; width:33%;margin-right:1%;  }
.nypinzhi  li b{display:block;line-height:2;font-size:1.5rem;color:#222;    padding-top: 1rem; }
.nypinzhi  li p{font-size:1rem;color:#222;font-weight:400;     padding-bottom: 1rem; }
.nypinzhi  li:nth-child(3){margin-right:0%;}
.nypinzhi  li img{display:block;width:100%;object-fit:cover}
.nypinzhi{padding:5rem 0}
.nymap{margin:5rem 0}
.mt5{margin-top:3rem}
.mt35{margin-top:2rem}
.mb5{margin-bottom:3rem}
.page-wrap  .htit{text-align:center;font-size:2rem;color:#131313;line-height:3;     }
.nyconlist  li{width: 32%; margin-right: 1%;  text-align: center; background: #f8f9fb;  height:22rem; border-radius: 5px; margin-bottom: 2rem;}
.nyconlist  li:nth-child(3n){margin-right:0%;}
.nyconlist  li  img{display:block;margin:2rem auto  ;}
.nyconlist  li  b{font-family:"arial"; color:#281f90; font-size:1.375rem;     line-height: 2;     display: block;  }
.nyconlist  li p{font-size:1rem;color:#222;line-height:2}
.nyconlist  li span{display:block;font-size:1.125rem;line-height:2}
.nyconlist  li .nr{width: 85%;padding: 0 2%;border-radius: 5px; border: 1px dashed rgb(40 31 144 / 28%);margin: 6% auto;height: 85%; }
.top-text p{font-size: 1.125rem;color:#fff;line-height:2;/*margin-bottom:76px*/ letter-spacing: 1.8px;}
textarea{border-color: #fff; }
/*加入我们*/
.nydesc .left{width: 55%; border-radius: 5px;padding: 4rem 2rem;background: url(/skin/images/joinbg1.png) no-repeat center center;      }
.nydesc .left  b{font-size:1.875rem;color:#fff;line-height:3;   }
.nydesc .left  p{font-size:1rem;color:#fff;line-height:2;   }
.nydesc  .right{width:32%;background: url(/skin/images/detail2.png) #e9f1f9 no-repeat center center;padding: 4rem 2rem;border-radius:5px;}
.nydesc  .right  span{color:#222;font-size:1.6rem;line-height:2.2}
.nydesc  .right  p{font-size:1rem;color：#222;line-height:2; }
/* 下拉 */
.accordion{width:100%;margin:30px auto 20px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.accordion li i { position: absolute;font-size: 18px; -webkit-transition: all .4s ease; -o-transition: all .4s ease;transition: all .4s ease;background: url(../images/upjt.png) no-repeat center;width: 15px;height: 27px}
.accordion li i.fa-chevron-down{left:auto;font-size:16px;right: 2rem;top: 2rem;   }
.accordion li.open .link{color:#b63b4d}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.accordion .link{cursor:pointer;display:block;padding:1rem 2rem;font-weight:700;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;padding-right:2rem;margin-bottom:2rem;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;font-size:1.4rem;color:#222;line-height:2;background:#f8f9fb}
.accordion li.open .link{background-color:#337ab7;color:#222}
.accordion .link:hover,.accordion li.open .link{background:#f8f9fb}
.descjob{font-size:1rem;color:#666;font-weight:400}
.descjob li{margin-right:3rem}
.accordion .submenu{display:none;padding:0 2rem;border-bottom:1px solid #ededed;margin-bottom:2rem}
.accordion .submenu li{border-bottom:1px solid #4b4a5e}
.accordion .submenu .shenqing{display:block;text-decoration:none;background:#4b42c8;color:#fff;border-radius:50px;line-height:2.5;font-size:1.5rem;text-align:center;width:14%;margin:0 auto 2rem}
.accordion .submenu b{color:#282090;font-size:1.3rem;line-height:2}
.accordion .submenu p{color:#444;font-size:1rem;line-height:1.8;}


/* ====================  关于我们 ====================*/
.ny-index-banner4{height:450px!important;background-size: cover!important;}
/*1  视频滚动切换*/
.about_1 {position:relative}
.about_1  .left  h6{display: block; background: url(../images/about1icon1.png) left 0.5rem center no-repeat;color: #121212;font-size: 1.8rem; padding-left: 6rem;}
.about_1  .left{width:26%;}
.about_1  .right{background:#fff;width: 68%;padding: 0; }
.about_1  .right  p{font-size:1rem;color:#666;line-height:2; text-indent:2em;}
.about_1  .slider  img{display: block;width: 100%;  box-shadow: 0 1px 4px 2px #eeedf5; margin-bottom: 3rem; border-radius: 50px;overflow: hidden;/*margin: 3rem 0 4rem 0;*/    object-fit: cover;}
.about_1  .tit{width: 100%;padding-left: 12%;color:#222;line-height:3; display:block; font-size:1.2rem;font-weight: 600;  }
.about_1  .tit2{border-radius: 50px;border: 1px solid #2e259d; display: block;line-height: 3; font-size: 1rem; background: url(../images/icon10.png) no-repeat right 20% center;width: 12rem!important;color: #2e259d; text-align: left;text-indent: 17%; position:absolute;right:0;bottom:0;   }
.about_1  button{font-size:0;font-size: 0;width: 68px; height: 68px;border-color: #fff;border-width: 0; }   
.about_1  .slick-prev{ background: url(../images/nypre.png)  center no-repeat;position: absolute; bottom: 0;left: 0; cursor:pointer; z-index: 999999;   }
.about_1  .slick-next{ background: url(../images/nynext.png) center no-repeat;position: absolute; bottom: 0;left:5rem;cursor:pointer;}
.about_1  .slick-prev:hover{background: url(../images/nypre1.png)  center no-repeat;transition:all 0.3s ease-in-out;   }
.about_1  .slick-next:hover{background: url(../images/nynext1.png)  center no-repeat;transition:all 0.3s ease-in-out; }
.about_1  .fx{align-items: flex-start!important;padding-top: 1rem;}
.about_1:focus {outline: -webkit-focus-ring-color auto 0px!important;}
.about_1 button:focus  ,  .index-hotpro button:focus {outline: none!important;}
.about_1 .slick-slider{height: 46rem;overflow:hidden;}
.about_1 video { object-fit: cover; height: 22rem; width: 100%;}
/*播放视频*/
.videolist{position:relative;float:left;width:100%;margin-top:15px;}
.about_1 #videolist{height:41rem;}
.videolist:hover{cursor:pointer}
.videoed{display:block!important;width:329px;height:120px;position:absolute;left:0%;top:0%;z-index:99;}
.videos{display:none;position:fixed;left:50%;top:50%;margin-left:-320px;margin-top:-210px;z-index:100;width:654px;height:368px}
.vclose{position:absolute;right:1%;top:1%;border-radius:100%;cursor:pointer;background: url(../images/gb.png) center no-repeat; display: block;width: 16px;height: 16px;}
/*============= 荣誉 =============*/
.honor_1 .left h6{display: block; font-weight:600;background: url(../images/icon26.png) top left no-repeat;color: #121212;font-size: 2rem; padding-left: 1rem; line-height: 2;   }
.cooperate .left_1 h3{display: block; font-weight:600;background: url(../images/icon26.png) top left no-repeat;color: #121212;font-size: 2rem; padding: 0rem 1rem 1rem 1rem; line-height: 2;   }
.honor_1 .swiper-scrollbar{display:none}
.honor_1 .left p{line-height:2;font-size:1rem;color:#444;padding: 1rem 0;text-indent: 2rem;}
.honor_1 .left{width:50%;background: url(../images/honicon.png) #fff right bottom no-repeat;}
.honor_1 .right{width:50%;position:relative;background:#f8f9fb;padding:2rem;height:30rem;overflow-y:auto;overflow-y:auto;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}
.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 .box{position:relative}
.honor_1 .box .inner .ceng{display:none}
.honor_1 .box .inner:hover .ceng{display:block;position: absolute;color:#fff; font-size: 0.875rem;bottom: -36px;left: 0;width: 100%;object-fit:contain;height: 8rem;transition: all 0.3s ease-in-out;z-index:9999}
.honor_1 .box .inner:hover .ceng p{display:block;line-height:1;color: #fff;margin-top: -28px; padding-left:0.7rem;position:absolute;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }

 
/*复制的一个滚动*/
.honor_3{background:#f8f9fb;padding: 3rem 0 3rem 0; background: url(../images/huxian.png) #f8f9fb bottom 5%  center  no-repeat;   }
.honor_3  h6{ text-align:center; display: block;font-weight:600;background: url(../images/icon26.png) top left   47% no-repeat;color: #121212;font-size: 2rem; padding-left: 1rem; line-height: 2;   }
.honor_3 .swiper-container{width:100%;height:auto;padding:0 0 20rem 0;margin-left:auto;margin-right:auto}
.honor_3 .swiper-slide{margin: 2rem 0 9.5rem 0;text-align:center;font-size:18px;background:#fff;height:200px;/*display:flex;*/justify-content:center;align-items:center;transition-property:all}
.honor_3  .swiper-button-prev{font-size:0; background: url(../images/rypre.png) no-repeat  center; width: 190px; height: 60px;    position: absolute;bottom: 0; left:39%;top: 85%;}
.honor_3  .swiper-button-next{font-size:0; background: url(../images/rynext.png) no-repeat  center;width: 190px;height: 60px;position: absolute;bottom: 0; right:39%;top:85%;}
.honor_3 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: ''!important;}
.honor_3  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: ''!important;}
.honor_3  .swiper-slide  p{line-height:3;height:5rem;font-size:1rem;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;  }
.honor_3  .swiper-slide  img{display:block}
.honor_3  .swiper-slide  p::after{ position:absolute;content:"";display:block;width:36px;height:36px;border-radius:50px;background: url(../images/ryicon1.png) no-repeat   center  center; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);top: 79%;}
.honor_3   .swiper-slide-active  p{color:#2f25a0  }

 
 
 
 
/*最下面的一块*/
 /*专利  y轴位移滚动*/
.honor_2{background:#fff;padding: 3rem 0 5rem 0; background: url(../images/huxian.png) #fff bottom 10%  center  no-repeat;   }
.honor_2  h6{ text-align:center; display: block;font-weight:600;background: url(../images/icon26.png) top left   47% no-repeat;color: #121212;font-size: 2rem; padding-left: 1rem; line-height: 2;   }
.honor_2 .swiper-container{width:100%;height:auto;padding:0 0 20rem 0;margin-left:auto;margin-right:auto}
.honor_2 .swiper-slide{margin: 2rem 0 9.5rem 0;text-align:center;font-size:18px;background:#fff;height:200px;/*display:flex;*/justify-content:center;align-items:center;transition-property:all}
.honor_2  .swiper-button-prev{font-size:0; background: url(../images/rypre.png) no-repeat  center; width:13rem; height:4.75rem;    position: absolute;bottom: 0; left:39%;top: 85%; object-fit:contain     }
.honor_2  .swiper-button-next{font-size:0; background: url(../images/rynext.png) no-repeat  center; width:13rem; height:4.75rem;position: absolute;bottom: 0; right:39%;top:85%; object-fit:contain     }
.honor_2 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: ''!important;}
.honor_2  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: ''!important;}
.honor_2  .swiper-slide  p{line-height:3;height:5rem;font-size:1rem;color:#333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;  }
.honor_2  .swiper-slide  img{display:block}
.honor_2  .swiper-slide  p::after{ position:absolute;content:"";display:block;width:36px;height:36px;border-radius:50px;background: url(../images/ryicon1.png) no-repeat   center  center; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);top: 79%;}
.honor_2   .swiper-slide-active  p{color:#2f25a0  }




/*关于我们新加的两个视频  2023/7/14*/
.nyabvideolist  li {  width: 47%;  margin-bottom: 2rem;height: 24.5rem; position: relative;padding: 1rem;  box-shadow: 1px 2px 3px #ddd; border-radius: 10px; margin-bottom: 3rem;border: 1px solid #fff;overflow: hidden;}
.nyabvideolist  li h6 { font-size: 1.125rem; color: #444; text-align: center;  font-weight: 400;display: block;line-height: 4rem;}
.nyabvideolist #videolist{height: 22rem;}
.nyabvideolist{width:100%}






/*=========================  企业理念 =========================       */
.nyculturelist{background: url(../images/wenhuabg.jpg) no-repeat center center;align-items:flex-start!important;overflow: hidden;height: 43rem;}
.nyculturelist li{position: relative; text-align: center; width: 25%; height: 100%;padding: 10% 0 21% 0;overflow: hidden; text-shadow: 1px 1px 2px #555;}
.nyculturelist li::after{content:"";position:absolute;width:1px;height:100%;background: rgb(255 255 255 / 13%); right:0;top:0;     }
.nyculturelist li  b{font-size:1.875rem;line-height:3;color:#fff;display:block;position:relative; letter-spacing: 2px;}   
.nyculturelist li  b::after{content:"";position:absolute;height: 4px;background: #fff;left: 50%;top: 93%;background:#fff; left: 50%;top:10%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);    }
.nyculturelist li  p{font-size:1.25rem;line-height:2;color:#fff;text-align:center;padding: 10% 0 30% 0;  letter-spacing: 1.6px; }        
.nyculturelist li img{display:block;margin:3%   auto 0;}     
.nyculturelist ul{align-items:flex-start!important}
.nyculturelist li:nth-child(3)  p   ,  .nyculturelist li:nth-child(4)  p {padding: 10% 0 20% 0;  } 
.nyculturelist li:hover{background: rgba(0, 0, 0, 0.4);;transition:all 0.3s ease-in-out;height:100%}     
.nyculturelist li:hover::after{display:none;  }
.yongren .left{width:46%;background:/*url(../images/icon21.png)*/ #f8f9fb no-repeat bottom 1rem right 1rem;box-shadow:1px 3px 3px rgb(229 229 229 / 60%);padding:1.8rem 1rem 1rem 2rem}
.yongren .right{width:48%;padding:0}
.yongren .left b{display:block;line-height:2;color:#222;font-size:1.6rem}
.yongren .left .des{margin-bottom:2rem}
.yongren .left .des p{color:#fff;position:absolute;line-height:3;font-size:1rem;padding-left:1rem}
.yongren .left .des{position:relative;width:100%;height:50px;overflow:hidden;display:block}
.yongren .left .des::before{content:"";position:absolute;top:0;left:-25px;width:82%;height:100%;background-color:#281f90;transform:skewX(-30deg)}
.yongren .left .des:first-of-type::before{width:82%}
/*2*/
.about_2 {background: url(../images/about2.jpg) center center no-repeat; padding:5rem 0; display:none; }
.about_2  h3{color:#fff}
.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: #fff!important; width: 180px;margin-top: 20px; margin: 2rem 0;background: url(../images/icon9.png) right 15% center no-repeat;border: 1px solid #fff;}
.about_2  .aboutmore:hover{background: url(../images/icon9.png) #3a30ba right 15% center no-repeat; border: none; }
.about_2  .aboutmore:after , .about_2  .aboutmore:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2; border-radius: 50px;color:#fff!important;}
.about_2  .aboutmore:hover{z-index:1;background:0 0;color:#fff!important;}
.about_2  .aboutmore:before{transition:.5s;background: url(../images/icon9.png) #3a30ba right 15% center no-repeat;z-index:-1;color:#fff!important;}
.about_2  .aboutmore:hover:after , .about_2   .aboutmore:hover:before{width:100%}
.about_2 ul li{margin-right:2rem;width: 47%;  margin-bottom:2rem; }
.about_2 ul li .desc{  height: 3rem;width:66%;  border: 1px solid rgb(253 253 253 / 24%);  color: #fff;font-size: 1rem;border-radius: 0 30px 0 0;padding: 0 2rem;height: 7rem;}
.about_2 ul li .desc p{padding-top: 8%;}
/*.about_2 ul li:nth-child(2) .desc p{padding-top: 6%;}*/
.about_2 ul li .tit{text-align: center; background: linear-gradient(to bottom,#282091 20%,#655cdd 100%,#4b3fe0 30%);
height: 7rem;line-height: 5;border-radius: 0 0 0 30px;width: 32%;border: 1px solid #282091;border-right: none;}
.about_2 ul li .tit h6{display:block; font-size:1.375rem;color:#fff; width:100%;}
.about_2 ul li:nth-child(2n){margin-right:0}
/*3*/
.about_3  ul{margin-top:2rem}
.about_3  ul li{border-radius:5px;background:#fff;box-shadow: 1px 4px 8px rgb(204 204 204 / 40%);margin-right: 1%;margin-right:1%}
.about_3  ul li:nth-child(3){margin-right:0%}
.about_3  ul li  p{text-align:center;line-height:3.5;font-size:1.2rem;color:#333   }
.about_3 .p1{color: #444; font-weight: normal; font-size: 1rem;text-align: center;}
.about_3  ul li .img{width:100%;overflow: hidden; }
.about_3  ul li img{display:block;width:100%;object-fit:cover;transition:.5s ease-in;}
.about_3  ul li img:hover { transform:scale(1.1,1.1);}



/*============= 国际合作 =============*/
.nycooperate{background: url(../images/coobg.jpg) center center no-repeat; padding:5rem 0;background-size:cover;  }
.nycooperate div#feature_list{max-width:1400px; height: 55rem;overflow:hidden;position:relative}
.nycooperate ul#tabs { z-index: 2; width: 300px; position: absolute!important; right: 0; height:42.5rem;top: 0; margin-right: 3rem;}
.nycooperate ul#tabs li{font-size:12px;font-family:Arial}
.nycooperate ul#tabs li img{padding:5px;border:none;float:left;margin:10px 10px 0 0}
.nycooperate ul#tabs li a h3{color:#fff;text-decoration:none;display:block;outline:0;font-size:1.25rem;line-height:5;font-weight:600}
.nycooperate ul#tabs li a.current h3 {color:#fff}
.nycooperate ul#tabs li a.current:hover{text-decoration:none;cursor:default}
.nycooperate ul#output { right: 0;width: 950px;height: 40rem; position: absolute; left: 0; padding-left: 3rem;}
.nycooperate ul#output li{position:absolute;width:950px;height:49rem;overflow:hidden}
.nycooperate #tabs{background: url(../images/coonavbg.jpg) center center no-repeat;background-size: cover; text-align: center;color: #fff;  }
.nycooperate #feature_list .swiper-button-next, .swiper-button-prev  ,
.nycooperate #feature_list .swiper-button-next-2, .swiper-button-prev-2  ,
.nycooperate #feature_list .swiper-button-next-3, .swiper-button-prev-3  ,
.nycooperate #feature_list .swiper-button-next-4, .swiper-button-prev-4  ,
.nycooperate #feature_list .swiper-button-next-5, .swiper-button-prev-5 ,
.nycooperate #feature_list .swiper-button-next-6, .swiper-button-prev-6 ,
{top: 35%;} 

/*左侧的滚动*/
.nycooperate .swiper{width:100%;height:100%}
.nycooperate .swiper-slide{text-align:center;font-size:18px;background:#000;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}
.nycooperate .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.nycooperate .swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}
.nycooperate .swiper-slide{background-size:cover;background-position:center}
.nycooperate .mySwiper2 ,.nycooperate .mySwiper4 , .nycooperate .mySwiper6  ,  .nycooperate .mySwiper8 ,
.nycooperate .mySwiper10 , .nycooperate .mySwiper12{height:70%;width:100%}
.nycooperate .mySwiper , .nycooperate .mySwiper3 , .nycooperate .mySwiper5 , .nycooperate .mySwiper7 ,
.nycooperate .mySwiper9 , .nycooperate .mySwiper11{height:18%;box-sizing:border-box;padding:10px 0}
.nycooperate .mySwiper .swiper-slide , .nycooperate .mySwiper3 .swiper-slide  , .nycooperate .mySwiper5 .swiper-slide  ,
.nycooperate .mySwiper7 .swiper-slide , .nycooperate .mySwiper9 .swiper-slide , .nycooperate .mySwiper11 .swiper-slide{width:25%;height:100%;opacity:.4}
.nycooperate .mySwiper .swiper-slide-thumb-active , .nycooperate .mySwiper3 .swiper-slide-thumb-active  , 
.nycooperate .mySwiper5 .swiper-slide-thumb-active  , .nycooperate .mySwiper7 .swiper-slide-thumb-active ,
.nycooperate .mySwiper9 .swiper-slide-thumb-active , .nycooperate .mySwiper11 .swiper-slide-thumb-active{opacity:1}
.nycooperate .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;position:relative}
.nycooperate .swiper-slide img::after{background-color: rgba(0, 0, 0, 0.5);position:absolute;left:0;height:100%;}
.swiper-button-next , .swiper-button-prev , .swiper-button-next-2 , .swiper-button-prev-2 , .swiper-button-next-3 , .swiper-button-prev-3 , 
.swiper-button-next-4 , .swiper-button-prev-4 , 
.swiper-button-next-5 , .swiper-button-prev-5 , 
.swiper-button-next-6 , .swiper-button-prev-6 , 
{  position: absolute;  top: 35%;  width: calc(var(--swiper-navigation-size)/ 44 * 27);  height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));  z-index: 10; cursor: pointer; display: flex; align-items: center;justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color));
}


.index-phone-scjg{display:none}

/*============= 国际合作 =============*/


/*新加的企业文化 2023/8/2*/
.qywhlist li{background:#f6f7f9;padding:1rem;width:30%;  }
.qywhlist li  h6{color:#131313;font-size:1.5rem;display:block;margin:0 0 2rem 0;position:relative;text-align:center}
.qywhlist li .nr{background:#fff;padding: 3rem 0;margin: 2rem 0 0 0;}
.qywhlist li  img{display:block;margin:0 auto;}
.qywhlist li p{text-align:center;  color:#444;font-size:1rem;line-height:1.8; }
.qywhlist li  h6::before{content:"";position:absolute;  background: url(../images/nyqyicon5.png) no-repeat left center; width: 43px;  height: 2px;top: 53%; left: 25%;   }
.qywhlist li  h6::after{content:"";position:absolute;background: url(../images/nyqyicon6.png) no-repeat  left center;width: 43px;  height: 2px;top: 53%;  right: 25%;   }
.qywhlist li:nth-child(2) h6::before { left: 28%;}
.qywhlist li:nth-child(2) h6::after { right: 28%;}
.qywhlist li:nth-child(3) h6::before { left: 20%;}
.qywhlist li:nth-child(3) h6::after { right: 20%;}

.honor_2_2{display:none!important}
.honor_3_2{display:none!important}

.phonemail{display:none!important}

@media (max-width:1800px){
.honor_2 .swiper-button-prev {left: 37%;}
.honor_2 .swiper-button-next{right:39%}
.honor_3 .swiper-button-prev {left: 37%;}
.honor_3 .swiper-button-next{right:39%}

}


@media (max-width:1600px){
.nycooperate ul#output li { position: absolute;width: 953px; height: 49rem;}



}



@media (max-width:1500px){
.honor_2 .swiper-button-prev {left: 36%;}
.honor_2 .swiper-button-next{right:36%}
.honor_3 .swiper-button-prev {left: 36%;}
.honor_3 .swiper-button-next{right:36%}



}





@media (max-width:1400px){
.content {padding: 0 2%;max-width:1200px}
.index_gongcheng li { background: url(../images/gcimgbg.png) #fff no-repeat top -129% right;}
.inban-main .content{padding:0 0 }
.nycooperate ul#output li { width: 720px; height: 49rem;}
#feature_list .swiper-slide-active{margin-right:1.1875rem!important; }
.nycooperate div#feature_list {max-width: 1200px;height: 55rem;}

.cooperate { width:auto;}

.nycooperate .swiper-slide-active{width:45rem}


    
    
}


#cart1{display:none}
@media (max-width:768px){
.ctgccontent img { width:100%!important;}
.nybigimg2{display:block;width:100%}
/*首页*/
.ibrand-num p {bottom:-1rem; left: 40%;}
.index-phone-scjg{display:block}
.index-case{display:none}
.index-phone-scjg  .swiper {width: 100%; height: 100%;margin: 2rem 0; }
.index-phone-scjg  .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; }
.index-phone-scjg  .pic {display: block;  width: 100%; height: 100%;  object-fit: cover; }
.index-phone-scjg  .swiper-slide{position:relative}
.index-phone-scjg     .video-con{position:absolute;bottom:0}
.index-phone-scjg  .video-play{display: none;}
.index-phone-scjg  .xq h3 a {font-size: 1rem; color: #fff;  position: absolute; right: 0; bottom: 0;background: url(../images/vdbg.png) no-repeat right bottom; display: block; width:15rem; text-align: center; height: auto;line-height: 3rem; text-indent: 3rem;}
.index-phone-scjg .swiper-button-next, .index-phone-scjg .swiper-button-prev{top:23.5%}   
    
.index-scrollnews .a1{display:block; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-scrollnews .a2{display:none;}
.x-banner video { height: 30rem;}
.x-banner { height:20rem;background-image: -webkit-linear-gradient(left bottom ,#2461ae,#22378e);overflow: hidden;}
.fourprolist {border-top:none;padding-bottom: 1rem;}
.xymob-head-box {position: relative;height: 4.125rem!important;}
.index_header .logo{display: none;}
.header2 .logo {display: none;}
.index_header .nav{display:none}
.footer-mid-left dl{float:left;margin-right:100px;margin-top:30px;text-align:left;margin-bottom:40px}
.footer-mid-left dt{margin-bottom:5px}
.footer-mid-left dt a{color:#fff;font-weight:700;font-size:16px;line-height:2}
.footer-mid-left dd{height:28px;overflow:hidden}
.footer-mid-left dd a{color:#ddd;font-size:14px;line-height:2}
.clear:after{content:'';display:table;clear:both}
.cart-concern-btm-fixed{bottom:0;height:65px;left:0;position:fixed;text-align:center;width:100%;z-index:99999999999}
.four-column{display:none}
.four-column .concern-cart{width:100%;display:none}
.concern-cart{background-image: -webkit-linear-gradient(left bottom ,#3a30ba,#1d176d);height: 100%;}
.concern-cart a{color:#fff;font-size:12px;width:25%;display:inline-block;float:left;height:65px}
.concern-cart a span{display:block;height:18px;line-height:13px;text-align:center;color:#fff}
em.dibuyangshi{display:inline-block;height:20px;width:20px;background-position:0 0;margin:12px 2px 2px 2px}
.footer .nav{background-image:unset;margin-bottom:20px}
.footers{padding-left:15px;padding-right:15px}
.footer-mid-left dl{width:50%;margin-right:0;margin-top:0;height:210px}
.footer-mid-left dl:nth-child(5){width:100%}
.four-column{display:block!important}
.banner .slick-dots{bottom:0}
.banner .slick-dots li button{width:8px;height:8px}
.four-column .concern-cart{display:block}
.footers{padding-bottom:80px}
#cart1 {display:block!important}
.tab-nav{flex-wrap:wrap; padding: 0 5%;justify-content: space-between}
.tab-nav li{width: 45%;}
.tab-nav li:nth-child(1) {width: 100%;}
.tab-nav-item {margin-right: 0;}
.inban-main { height: 38rem;}
.video-imgbg { height: 31rem;margin-top: 60px;}
.header{display: none;}
 #header{display: none;}
.content { padding: 0 8%!important;}
.index-banner {height: 35rem!important;}
.fourprolist  ul{flex-wrap:wrap}
.fourprolist li {position: relative;width:48%;margin-bottom: 1rem;}
.index_gongcheng li { background: url(../images/gcimgbg.png) #fff no-repeat top -39% right;}
.fourprolist li img { height: 3rem;}
.fourprolist li::after { position: absolute; content: ""; width: 114px; height: 1px;  margin: 0 1rem;  background-color: rgb(255 255 255 / 24%); right: 6%;  top: 6rem;}
.fourprolist li a { line-height: 1.8; font-size: 0.875rem;}
.fourprolist li:nth-child(2n)::after{background-color: none}
#world { display: none;}
.fourprolist li:nth-child(3)::after {width:0}
.water1, .water2, .water3, .water4 { padding: 8%; position: absolute;left: 41%;top: 38%;}
/* 手机二级导航栏目 */
.xymob-nav .sec li > a{color: #fff;opacity: 0.7;font-size: 1rem;line-height: 1.8;}
.xymob-nav .sec li{width: 50%; margin:0rem 0;padding-bottom: 0.5rem;}
.xymob-nav li:nth-child(3) .sec li {width: 50%;}
.xymob-nav li:nth-child(7) .sec li {width: 50%;}
.xymob-nav li:nth-child(6) .sec li {width: 100%;}
.xymob-nav li:nth-child(5){display:none}
.xymob-nav li:nth-child(8){display:none}
.xymob-nav li:nth-child(9){display:none}
.xymob-nav>li>a {line-height: 2rem!important; }
.xymob-head b{display: block; color:#cd0202 ;font-size:1.5rem;   }
.xymob-head a {display:block;width: 16rem;}
.xymob-head{display: block!important;}
.xymob-head-box .xymob-logo{display: block;height: auto;overflow: hidden; max-width: 64%;}
.xymob-head-box .xymob-logo  img { max-width: 100%; height: auto; /*transform: translateY(-46px); filter: drop-shadow(#24378e 0 46px); */
display:none;}
.xymob-head-box .xymob-logo  h1 a{display: block; background: url(../images/logo2.png) no-repeat center; width: 16rem; height: 2.5rem; background-size: contain; }
.nynewslist .right .p2 {height: 3.7rem;}
.xymob-nav>li { padding-top: 1rem;}
.xymob-head h1 { display: block; margin-top: 1rem; margin-left: 1rem;}
.footer {margin-bottom:4rem;}
.index-scrollnews li  span{display:none}
.index-hotpro .item { flex-wrap: wrap;}
.index-hotpro .left {width: 100%;}
.index-hotpro .right {width: 100%; margin-top: 4rem;}
.index-hotpro .slick-next {right: 5%;}
.hotprodetail { width: 51%;    height:2rem;}
.hotprodetail a { height: 1.8rem;  font-size: 1rem;  padding-left: 15%; background-size: contain;}
.tab-nav li a { line-height: 36px;}
.tab-nav li {line-height: 36px;margin-bottom: 1rem;height: 36px;}
.ibrand-num {  flex-wrap:nowrap}
.numblist {margin: 3rem 0 0  0;width: 100%;}
.ibrand-num li:nth-child(1) { margin-top: 0rem;}
.ibrand-num li:nth-child(2) {margin-top: 0rem;}
.ibrand-num li { width:48%; padding: 3rem 3rem; border: 1px solid rgb(221 221 221 / 75%); position: relative;margin-bottom:1rem;}
.numblist span { font-size:2.2rem;}
.numblist li:nth-child(1) em, .numblist li:nth-child(2) em {color: #333;}
.index_about .video-con { width: 100%;}
.index_about .fx{flex-wrap:wrap}
.index_about  {background-size: cover;background-position: left 62% top;}
.index_about  video::-webkit-media-controls-start-playback-button { display: none!important;}
.index_about  video::-webkit-media-controls {display: none!important;}
.flipster {height: 13.5rem!important;}
.ptit2 {flex-wrap:wrap}
.nlist{flex-wrap:wrap;margin-top:0}
.nlist .left {width: 100%;margin-bottom: 2rem;}
.nlist .right {width: 100%;}
.nlist .left .ntit a, .nlist .right .ntit a { width: 68%;}
.index_gongcheng ul {flex-wrap:wrap}
.index_gongcheng ul li {width: 100%;margin-bottom: 3rem;}
.index_gongcheng .gcmorelinkall {width: 79%;margin: 0rem auto 0;font-size: 1.2rem;}
.index-hezuo  .content{flex-wrap:wrap}
.index-hezuo .left {width: 100%;}
.index-hezuo .right {width: 100%;}
.index-hezuo .pubtit h3 {padding: 0 0 0 0; font-size: 1.2rem;}
.index-hezuo ul li { margin-bottom: 0.1rem;  font-size: 0.875rem; }
.index-hezuo .baojia { margin: 1rem 0 1rem 0;}
.index-hezuo .hotline{display:none}
.baojia{flex-wrap:wrap} 
.index-hezuo .left .baojiamore {width: 52%;}
.index-hezuo .baojia p { padding-left: 1rem;line-height: 1.5;}
.footer-top-fl .footer-con { border-right: none;width: 100%;}
.nlist .left img { height: 14rem;}
.index_gongcheng .gcmorelinkall::after { height: 4.5rem;}
.index_slideBox .summary {padding: 0.6rem 1.4rem;}
.user-top{display:none}
.container-fluid{padding:0 15px}
.index_gongcheng li h6 { font-size: 1.2rem;}
.footer-top-fl .left{display:none}
.flip-current .xq {bottom: 0px;right: 0; height: 100px;background-size: contain;}
.flip-content .xq h3 a {font-size: 1rem;}
.hqbj { right: 4%; bottom: 27%; height: 2.2rem;}
.video-play2 {width: 40px!important; height: 40px!important;}
.index_slideBox .bd li{height:17.5rem}
.index_slideBox .hd{bottom:34%}
.index_slideBox .prev, .index_slideBox .next {top: 34%;}
.left .index_slideBox .tit {width: 64%;font-size:1.125rem}
.index_slideBox { width: 100%;height: 19rem;}
.index_proswiper .slick-prev  , .index_proswiper .slick-next {width: 60px; height: 60px;top: 27%; background-size: contain;}
.index_proswiper .slick-prev {left:-1rem}  
.index_proswiper .slick-next {right:-1rem}
.index_proswiper .slick-item {margin-right: 0px; padding: 0rem;  margin-top: 0rem; margin-bottom: 0rem;}
.index_proswiper .slick-item .pic img {padding: 0rem 0 0rem 0; margin: 0rem 0 0rem 0;}
/*产品页面*/
.headstyle2 .page-position { left: 0;    margin-top: 0;}
.ny-index-banner{ height: 20rem!important; }
.nynav  ul{flex-wrap:wrap;justify-content: space-between;}
.nynav  ul  li{width:46%}
.nynav  ul  li  a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nyprolist{justify-content: space-between;}
.nyprolist li {width: 46%;}
.nyprolist li:nth-child(2n){margin-right:0}
.nycooperate .mySwiper2, .nycooperate .mySwiper4, .nycooperate .mySwiper6, .nycooperate .mySwiper8, .nycooperate .mySwiper10, .nycooperate .mySwiper12{height:50%;width:100%}
.liu li { width: 100%; color: #333; margin-bottom: 1rem;}
input[type=password], input[type=text], textarea { width: 70%;}
.nyliuyan .gcmorelinkall {width: 80%;font-size: 1.2rem;}
.nyliuyan {background-size: cover;}
.page-wrap .content {flex-wrap: wrap;}
.page-wrap .left { width: 100%;overflow: hidden;}
.page-wrap .right { width: 100%;overflow: hidden;}
.nytop_nav .top-text {width: 90%;}
.page-product-detail-right h1 { font-size: 1.5rem; color: #222; line-height: 2; text-align: left; text-indent: 2rem;padding-bottom: 0; }
.proxn li b {color: #222; font-size: 1rem;}
.proxn li {line-height: 2;background: url(/skin/images/icon10.png) no-repeat left 2rem top 0.6rem; padding-left: 3rem; text-align: left;}
/*工程*/
.nrctgclist li { width: 100%;margin-bottom:2rem; font-size: 1.2rem;  }
.nrctgclist li h6 {background: url(../images/icon10.png) no-repeat left 0 center;padding-left: 6%;    font-size: 1.2rem;}
.nrctgclist .des {padding: 1% 1%;}
.nrctgclist li .gcmore::after {width: 35%;}
.nrctgclist .outimg {background:none}
.nrctgclist li {background: url(../images/gcimgbg.png) no-repeat top -100% right;}
.nrctgclist li .gcimg {height: 16rem;}
.nrctgclist .outimg{height:17rem}
.page-product-detail-right{height:63rem;z-index:22;position:static}
.page-product-detail-box .big-img{/*background:0 0;*/width:100%;height:auto;margin-top:5rem}
.page-product-detail-effect{float:none;width:100%;margin-bottom:1.2rem;flex-wrap:wrap}
.page-product-detail-box .big-img img{margin:0rem auto 0;height:auto;width: 100%;}
.page-product-detail-box{-webkit-transform:translate(0,0);position:static}
.page-product-detail-right{ background: url(/skin/images/detail1.png) #fff no-repeat right center; background-size: cover;height: 25rem;width: 100%!important;}
.page-product-detail-right .nr{padding-top:14%;padding-left:0}
.nytop_nav3 .page-position{margin-top:57%}
.ny-index-banner3{height:20rem!important}
.ctgclist .nynav ul li { width: 46%!important;}
.index-honor .swiper-button-prev  , .index-honor .swiper-button-next  {width:4rem;height:4rem;background-size:contain;}
.index-phone-scjg .swiper-button-prev{display: block;width: 4rem; height: 4rem; background: url(../images/index_honor_pre.png)  no-repeat center;background-size: contain;  }
.index-phone-scjg .swiper-button-next{display: block;width:4rem; height:4rem;background: url(../images/index_honor_next.png) no-repeat center;  background-size: contain; }
.index-phone-scjg .swiper-button-next:after, .index-phone-scjg .swiper-button-prev:after { font-size: 0;}
.index-honor .index_more  img{display:none!important}
.nytop_nav .top-text{top:44%;}
.nypinzhi li b { font-size: 1.2rem;}
/*联系我们*/
.page-position  .content{ flex-wrap: wrap; }
.page-position .navleft {width: 100%;}
/*内页导航的样式*/
.ny-index-banner4  .page-position { margin-top:54%;}
.ny-index-banner4  .content div:nth-child(2){position:absolute;    position: absolute; left: 5%;bottom: 14rem;}
.ny-index-banner4  {position:relative}
.page-position .navleft ul li {width: 33%;margin-bottom: 0;}
.page-wrap .pubtit h3 { font-size: 1.4rem;}
.nyconlist {flex-wrap:wrap}
.nyconlist li{width:48%;margin-bottom: 2rem;height:19rem;}
.nyconlist li:nth-child(5)  , .nyconlist li:nth-child(6) {width:48%;margin-bottom:0rem;height:25rem;}
.nyconlist li span {font-size: 0.875rem;display: inline-block;}
.nypinzhi ul {flex-wrap:wrap}
.nypinzhi ul  li{width:90%;margin: 0 auto 2rem;}
.nypinzhi li:nth-child(3) {margin-right: 5%; }
.nytop_nav {position: relative;margin-top: 4.125rem;height: 15.125rem;}
.header2 { height: 4.125rem;}
.top-text h1, .top-text strong { line-height: 1;font-size: 1.5rem;} 
.nyprotit h2 { font-size: 1.6rem;line-height: 1;}
.top-text p {font-size: 1rem; line-height: 1.5; padding: 1rem 0; }   
.page-position p {left: 0;font-size: 0.875rem;background: url(/skin/images/icon16.png) no-repeat 4% center;padding-left: 2rem; position: absolute;top: 0; bottom: 20%; margin-top: -9%;height: 2.5rem;}
 .page-position   .content  p{display:none}
 .nynewslist .right h6 { font-size: 1.2rem;}
 .cooperate .left_1 h3 { font-size: 1.6rem;}
 .page-wrap .map{margin-bottom:2rem}
 .page-wrap .right b { background: url(/skin/images/icon26.png) no-repeat left 1% center; font-size: 1.4rem; padding-left: 1.5rem; background-size: contain;}
 .nynewstit .met_title { font-size: 1.2rem;}
/*加入*/
.nydesc{flex-wrap: wrap;}
.descjob .fx{flex-wrap: wrap;}
.descjob li { margin-right:0;width:100%;}
.accordion .submenu .shenqing {line-height:2;font-size: 1.2rem; width: 40%;}
/*新闻*/
.nynewslist ul a{flex-wrap:wrap}
.nynewslist .img{width:100%;margin-bottom:1rem}
.nynewslist ul{overflow:hidden}
.nynewslist ul li{width:95%;padding:3%;margin:0 auto 2rem}
.nyvideolist ul li{width:100%}
.nycooperate ul#tabs{display:flex;flex-direction:row;align-items:center;position:absolute;left:0;top:0;height:10rem;width:100%;background-size:cover;flex-wrap:wrap;justify-content:space-between}
.nycooperate ul#tabs li{width:45%}
.nycooperate ul#tabs li a h3{line-height:1;font-size: 1.125rem;}
.nycooperate .swiper-button-next,.nycooperate .swiper-container-rtl .swiper-button-prev{left:30%}
.nycooperate div#feature_list{height:50rem}
.nycooperate ul#output{top:10rem}
.nyabvideolist li { width: 100%;}
.about_1 .fx {flex-wrap:wrap}
/*品牌介绍*/
.about_1>div{flex-wrap:wrap}
.about_1 .left img { margin-bottom: 2rem; width: 14rem;height: auto;}
.about_1 .slider img{height:21rem!important}
.about_1 .videolist {margin-bottom: 6rem;}
.about_1 .slider .fx{flex-wrap:wrap;position:absolute;bottom:5px}
.about_1 .tit{padding-left:0}
.about_1 button{width:40px;height:40px;object-fit:contain}
.about_1 .slick-next{background-size:contain;bottom:-2rem;left:12%}
.about_1 .slick-prev{background-size:contain;bottom:-2rem}
.about_1 .slick-next:hover  ,  .about_1 .slick-prev:hover  {width:40px;height:40px;background-size:contain;   }
.about_1 .tit2{bottom:-1rem}
.about_2{background-size:cover}
.about_2 ul li{margin-right:0;width:100%}
.about_2 ul li .tit h6{font-size:1.2em}
.about_2 ul li .desc{height:6rem;padding:1rem}
.about_2 ul li .tit{padding: 1rem 1rem 2rem 1rem;height: auto;}
.about_3 ul li{width:98%;margin:0 auto 2rem}
.about_3 ul{flex-wrap:wrap}
/*企业文化*/
.nyculturelist li b{text-indent:0rem;font-size:1.2rem;line-height: 2.5;}
.nyculturelist li img{object-fit: contain; position: absolute;left: 12%; top: 28%; width: 50px;  height: 50px;}
.nyculturelist li{position:relative;text-align:center;width:100%;height:6rem;padding:6% 0 9% 0;overflow:hidden}
.nyculturelist{flex-wrap:wrap}
.nyculturelist li::after{content:"";position:absolute;width:100%;height:1px;right:0;top:0}
.nyculturelist li p{font-size:1.25rem;line-height:2;color:#fff;padding:0 0 0 40%!important;text-align:left}
.nyculturelist li:hover{background:0 0;transition:all .3s ease-in-out;width:100%;height:auto}
.yongren .left .des:first-of-type::before{width:100%}
.yongren .left .des::before{content:"";position:absolute;top:0;left:-15px;width:100%}
.yongren .left .des:last-of-type p{color:#fff;position:absolute;line-height:1.6}
.yongren .left{padding:3rem 1rem 6.5rem 2rem}
.honor_2 .swiper-button-prev  , .honor_3 .swiper-button-prev {width:30%;left:16%;background-size:contain}
.honor_2 .swiper-button-next ,   .honor_3 .swiper-button-next    {width:30%;right:21%;background-size:contain}
.honor_2 .swiper-container ,  .honor_3 .swiper-container   {padding:0 0 5rem 0}
.honor_1 .fx{flex-wrap:wrap}
.honor_1 .amore .a1{margin-bottom:1rem}
.honor_1 .left{width:100%;background-size:40%;margin-bottom:0rem}
.glightbox-clean .gclose svg{width:18px;height:auto;background-color:#000;position:absolute;top:230%;right:50%;width:30px!important}

/*切换上下页面*/
.pagelist {background: #fff;}
.pagelist { flex-wrap: wrap;}
.pagelist>div{width:95%;background: #f8f9fb;line-height: 3;padding: 0 1rem;}
.pagelist>div:first-of-type{margin-bottom:1.5rem;  }  
.headstyle2 {height:50rem!important;}
.page-product-detail-right .hotline { margin: 1rem 0rem 0px 2rem;}
.page-product-detail-right .hotline p {font-size: 1rem;padding-left: 0.5rem;}
.page-product-detail-right .hotline b {font-size: 1.5rem;}
.ctgc-big-img {height: 18rem!important;}
.index-honor li{height:26rem}
.flipster-carousel .flip-item { width: 92%; }
.index-hotpro .tit { font-size: 1.6rem;}
.flip-items { transform-origin: 0% 0%;}
.index_about .aboutmore {  font-size: 1rem;line-height: 2.8rem;width: 8rem;margin: 1rem 0; }
.index_about h3 {padding-top: 0rem;}
.index-newscenter .aboutmore { line-height: 2.8rem;width: 8rem;margin: 1rem 0; font-size: 1rem;}
.pubtit h3 { font-size: 1.6rem;} 
.index-newscenter .ptit2 h3 {font-size: 1.6rem;}
.pubtit h3 span{font-size:1.2rem!important} 
.ptit2 h3 span{font-size:1.2rem!important} 
.index_about .video-btn img { position: absolute; width:8rem; height:8rem;  left: 35%; top: 28%; margin-left: 0; margin-top: 0;}
.index_about h3 span{font-size:1.2rem!important} 
.ptit2 h3 { font-size: 1.8rem;}  
.index_about   h3 { font-size: 1.6rem;}  
.index-honor .box img{display: block;width:auto!important;height:20rem!important;margin:0 auto!important;  }
.index-honor-more {width: 16rem; margin: 1rem auto 0;  font-size: 0.875rem;}  
.qywhlist  ul{flex-wrap:wrap;}
.qywhlist  ul li{width:100%;margin-bottom:2rem}
.qywhlist li h6::before { left: 22%;}
.qywhlist li h6::after {right: 22%;}
.qywhlist li:nth-child(2) h6::before {left: 26%;}
.qywhlist li:nth-child(2) h6::after {right: 26%;}
.qywhlist li:nth-child(3) h6::before {left: 17%;}
.qywhlist li:nth-child(3) h6::after {right: 17%;}
/*国际合作*/
.cooperate { width:auto;}
.page-wrap .left_1 { width: 100%!important;padding: 2rem 0rem 0rem 0rem!important;}
.nycooperate ul#output {width:auto; height: 40rem; padding-left: 0rem;}
/*.nycooperate ul#output li { width:auto;  height: 31rem;  margin: 2rem 0;}*/
.swiper-slide-active img{ }
.nycooperate .swiper-button-next, .nycooperate .swiper-container-rtl .swiper-button-prev {left: 30%;}
.nycooperate .swiper-button-next{left: unset!important;right:10px!important}
.nycooperate ul#output li {height:30rem;width:100%}
.three-cols .box {width: 47%!important; margin-bottom: 1rem!important; margin-right: 0.5rem!important;}
.honor_1 .right {padding: 1rem;}
.honor_3 .swiper-slide { height: 127px;}
.honor_2{display:none!important }
.honor_2_2{display:block!important;margin: 0 0 3rem 0;}
.honor_3{display:none!important }
.honor_3_2{display:block!important;margin: 3rem 0;}
.honor_2_2 .slick-prev   , .honor_3_2 .slick-prev   { font-size: 0; width: 4rem;  height: 4rem; background-size: contain;  background: url(../images/index_honor_pre.png) center center no-repeat; position: absolute; left: 2rem; top: 4rem; z-index: 99; border-radius: 50px; background-size: contain;
}
.honor_2_2 .slick-next  ,  .honor_3_2 .slick-next { font-size: 0; width: 4rem; height: 4rem; background-size: contain; background: url(../images/index_honor_next.png) center center no-repeat;position: absolute; right: 2rem;top: 4rem; z-index: 99; border-radius: 50px;  background-size: contain;}
.honor_2_2  button  ,  .honor_3_2  button {border:none;padding:0 0 0 0; border-width:0px;}
.honor_2_2 .box  p ,  .honor_3_2 .box  p{font-size:1rem;line-height:2;color:#666; padding:0  10%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.honor_2_2 h6 { text-align: center; display: block; font-weight: 600; background: url(../images/icon26.png) top left 39% no-repeat;  color: #121212;
    font-size: 1.6rem; padding-left: 1rem; line-height: 2;  margin-bottom: 1rem;}
.honor_3_2 h6 { text-align: center; display: block; font-weight: 600; background: url(../images/icon26.png) top left 29% no-repeat;color: #121212; font-size: 1.6rem;  padding-left: 1rem;line-height: 2; margin-bottom: 1rem;}
.multiple-items-list-1  , .multiple-items-list  {position:relative}
.nyvideolist  .video-btn{display: block;position: absolute;left: 17%;width: 4rem; height: 4rem; top: 64%;display: none;  }
.cooperate { height: 48rem;}
.nyabvideolist  .video-play{display:none!important}
.footer-con .ul1 li {margin-bottom: 0.2rem;}
.footer-con .ul1 { margin: 1rem 0;}
.nlist { margin-top: 0rem;}
.honor_1 .left h6 { font-size: 1.6rem;}
.nydesc .left b { font-size: 1.6rem;}
.accordion .link {font-size: 1.2rem;padding: 1rem 1rem;}
.accordion li i.fa-chevron-down {font-size: 1rem; right: 1rem; top: 1.6rem;}
.phonemail{display:block!important}
.pcmail{display:none!important;  }

/*详情页的表格*/
.procontent  tbody  tr  td{padding-right: 0px!important; padding-left:0px!important;font-size:0.875rem;line-height:1}
.procontent p strong {padding-left: 0rem;color: #222;font-size: 1.2rem!important; margin: 0 0 0.6rem 0;background: url(/skin/images/icon25.png) no-repeat left top 9px;background-size: 25px;}
.procontent  tbody  tr  td span{font-size:0.875rem;line-height:1}
.view-pro-box   a{display:block;width:100%}
/*荣誉*/
.honor_1  .right{display:none}
.honor_1 .fx{margin-bottom:0}

.nyconlist li b {line-height: 1.2;padding-top: 0.2rem;}
.nyliuyan .form{width:100%!important;padding: 0!important;}
.page-position .navleft ul li a {line-height: 2;font-size: 1rem;  }
.nyconlist li img { margin: 2rem auto 1rem}
.nyconlist li:nth-child(3n) {margin-right: 1%;}
.nyconlist li .nr {height: 92%;}





/* 隔断 */
}

.xymob-head{display:none}
.ctgc-big-img{background:none!important;  }
.search_list li:hover{border:1px solid #24378e!important}
.search_list li h3 a {display: block;text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: 0.8em 4px; font-weight: normal; font-size: 1rem!important;}
.search_list li:hover a{color:#24378e;  }