body{font-size:14px;font-family: "microsoft yahei","΢���ź�","arial, helvetica, sans-serif";line-height:2rem;  color:#666666;} 
*{margin: 0;padding: 0;}
a:link {color: #333333;	text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1500716732349'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1500716732349#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1500716732349') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1500716732349') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1500716732349#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {  font-family:"iconfont" !important;  font-size:16px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
body.dark {
    --bg-color: #000000;
    --hdbg-color: rgba(0,0,0,0.6);
	--bai-color:#FFFFFF;
	--hui-color:#f2f2f2;
	--lan-color:#0077C9;
    --text-color: #f8fafc;
    --primary-color: #60a5fa;
    --secondary-color: #94a3b8;
    --title-color: #666666;
	--info-color: #999999;
    --navbj-color:rgb(239, 239, 239);
    --hong-color: #32c2d2;
}
ul{ list-style:none;}
.clear{ clear:both;}
.m-btn{ display:none;}
.m-bnt{ display:none;}
.warp{ width:75%; margin:0 auto;}
.header{ width:100%; transition: padding-top .3s; position: fixed; top: 0;  z-index: 900; height:125px; box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.8);}
.header .topkey{background-color:var(--hui-color); width:100%; height:35px; line-height:35px;}
.header .topkey p{ display:block; line-height:35px; width:75%; margin:0 auto; text-align:left;}
.header .logo{ width:20%; height:80px; float:left; text-align:left; padding-top:10px;}
.header .logo img{width:100%;} 
.header .navger{ float:left; width:60%; padding-left:10%; }
.header .navger ul{}
.header .navger li{ float:left; padding-left:5px; padding-right:5px; margin-left:20px; margin-right:20px; width:75px;text-align:center; height:57px; margin-top:10px; line-height:57px; border-bottom:3px solid rgba(255, 255, 255, 0);  transition: border-color 0.7s ease; /* 添加初始白色下划线 */}
.header .navger li a{ font-size:16px;}
.header .navger li:hover{  border-bottom:3px solid ; border-color:var(--hong-color); height:57px;}
.header .navger .arl{ border-bottom:3px solid; border-color:var(--hong-color); height:57px;}
.header .navger li:hover a{color:var(--hong-color);}
.header .navger li .xiala{ display:none;}
.header .navger li:hover .xiala{ width:100%; background:var(--bai-color); height:200px; display:block; position:absolute; left:0; top:90px;}
.header .navger .arl a{color:var(--hong-color);}
.header .zyqh{ float:right; width:10%; height:30px; padding-top:25px;}
.header .zyqh .zhongying{ width:100px; height:30px; line-height:30px; position: relative;  overflow: hidden; padding-left:15px;}
.header .zyqh .yczy{ border:solid 1px #CCCCCC;width:98px; padding-left:15px; position: absolute; z-index: 1;animation: slideDown 0.8s ease; /* 添加动画 */  display:none; height:45px; line-height:45px;}
.s_multi_language_icon{background: url(../images/abcc.png) -246px -70px;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px; margin-right:8px;}
.s_multi_language_icot{background: url(../images/abcc.png) -246px -113px;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px; margin-right:8px;}
.s_multi_language_usa{background: url(../images/abccs.png) no-repeat;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px;margin-left:5px; background-position: center; transition: transform 0.2s ease;}
.header .zyqh .zhongying:hover .s_multi_language_usa{transform: rotate(180deg);}
.header .zyqh:hover .yczy{border:solid 1px #CCCCCC;width:98px; padding-left:15px;  display:block; position:relative; background:#FFFFFF;}

.full-wrap{ margin-top:125px;}
.slidebox { clear: both; width: 100%; height:693px; overflow: hidden; position: relative; }
.slidebox a.prev, .slidebox a.next { position: absolute; left: 20px; top: 40%; background: #000 url(../images/arrow_pn.png) no-repeat center 15px; display: block; filter: Alpha(Opacity=50); Opacity: 0.5; width: 50px; height: 50px; border-radius: 3px; z-index: 100; }
.slidebox a:hover.prev, .slidebox a:hover.next { filter: Alpha(Opacity=90); Opacity: 0.9; }
.slidebox a.next { right: 20px !important; left: auto; background: #000 url(../images/arrow_pn.png) no-repeat center -55px; }
.slidernav { position: absolute; bottom: 10px; left: 0; height: 20px; width: 100%; text-align: center; z-index: 97; }
.slidernav span { background: var(--hui-color); width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-radius: 16px; cursor: pointer; margin-right: 4px;  }
.slidernav span.current { background:var(--hong-color);}
.nybanner{ width:100%; }
.nybanner img{ width:100%;}
.navbox{ display:none;}
.evnav{ display:none;}




.products{ width:100%; margin:0 auto; padding-top:80px; padding-bottom:80px; background:url(../images/probjs.jpg); background-size:100% 100%;}
.products h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px; text-align:center;}
.products h2 span{ color:#FFFFFF; font-size:14px; font-weight:normal;}
.products dl{ list-style:none; padding-top:50px;}
.products .pro1{ width:100%; float:left;}
.products .pro1 ul{}
.products .pro1 li{ float:left; width:30%; background-color:#FFF; margin-right:4.5%; text-align:center; margin-bottom:40px; height:350px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);overflow: hidden; position: relative;}
.products .pro1 li:nth-last-child(2){ margin-right:0;}
.products .pro1 li:nth-last-child(5){ margin-right:0;}
.products .pro1 li img{ width:248px; height:248px; margin-top:20px; transition: transform 0.5s ease;}

.products .pro1 li .procon{}
.products .pro1 li .procon h3{ color:var(--title-color);}
.products .pro1 li .procon p{ line-height:23px; text-align:center; color:var(--info-color);display: inline-block; font-size:14px;}
.products .pro1 li .procon i{display: block;color: var(--hong-color);background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal; width:80px; margin:0 auto;}
.products .pro1 li .procon i a{color: var(--hong-color);}






.about{ width:75%; margin:0 auto; margin-top:80px; margin-bottom:50px;}
.about h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px; }
.about h2 span{ color:#999999; font-size:14px; font-weight:normal;}
.about dl{ list-style:none; padding-top:50px;}
.about .abpic{ width:40%; float:left; margin-right:2%;}
.about .abpic img{ width:556px;}
.about .abcon{ float:left; width:58%; padding-top:0px; padding-bottom:20px;}
.about .abcon h2{ color:var(--title-color); font-weight:normal; font-size:24px; line-height:46px;}
.about .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px; color:var(--info-color);}
.about .abcon i{ font-style:normal;display: inline-block;color:var(--hong-color);background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.about .abcon i a{color: var(--hong-color);}
.about .nyabcon{ float:left; width:58%;  padding-bottom:20px;}
.about .nyabcon p{ line-height:25px;  padding-bottom:10px;}
.about .nyabcon i{ font-style:normal;display: inline-block;color:var(--hong-color);background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.about .nyabcon i a{color: var(--hong-color);}



.news { padding-top:80px; padding-bottom:30px; width:75%; margin:0 auto;}
.news h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px; }
.news h2 span{ color:#999999; font-size:14px; font-weight:normal;}
.news h2 em{ display:block; width:30px; height:2px;  border-top:2px solid #999; margin:0 auto;}

.news ul{width:100%; margin:0 auto; padding-top:25px;}
.news li{ float:left; width:27%; padding:1.5%; margin-right:5%; transition: transform 0.5s ease; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);}
.news li .pic{overflow: hidden; position: relative;}
.news li .pic img{transition: transform 0.5s ease; width:100%;}
.news li .title{ font-size:16px; color:var(--title-color); font-weight:500; line-height:22px; padding-top:8px; }
.news li .title a{color:var(--title-color);}
.news li .time{ color:var(--info-color);}
.news li .info{ line-height:23px; text-align:left;}
.news li .move a{}
.news li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.news li:nth-last-child(2){ margin-right:0%;}



.contact{ width:80%; margin:0 auto; margin-top:80px; margin-bottom:50px;}
.contact dl{list-style:none;  padding-top:50px; padding-bottom:50px;}
.contact dl .ddt1{ float:left; width:30%; padding-left:0%; padding-right:20%; font-size:42px; line-height:60px; padding-top:50px; text-align:left;}
.contact dl .ddt2{ width:28.6%; float:left;}
.contact dl .ddt2 ul{}
.contact dl .ddt2 li{float:left; width:46%; background: #f8f9f9; margin-right:4%; padding-top:30px; padding-bottom:30px; text-align:center; margin-bottom:30px;}
.contact dl .ddt3{ width:21.4%; float:left;}
.contact dl .ddt3 img{ width:100%;}
.connect-icon {width: 50px;  height: 50px;margin:0 auto;}
.connect-icon1 {background-image: url(../images/connect1.svg);}
.connect-icon2 {background-image: url(../images/connect2.svg);}
.connect-icon3 {background-image: url(../images/connect3.svg);}
.connect-icon4 {background-image: url(../images/connect4.svg);}

.end{margin:0 auto;  width: 100%;overflow: hidden;background-color: #f1f3f5;padding: 4.63vh 0px;color: #9b9fa8;line-height: 1.75;}
.end .footer{ width:75%; margin:0 auto;}
.end .footer .bodys{ float:left; width:40%; padding-top:2vh;}
.end .footer .email{ float:right; width:15%;}
.end .footer .email p {width: 100%; overflow: hidden; }
.end .footer .email .p1 a{display: block;width: 2.92vw;overflow: hidden;position: relative;float: left;border: 1px solid #9da1aa;border-radius: 50%; margin-left: 0.78vw; box-sizing: border-box; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;}
.end .footer .email p.p1 a:nth-child(1) {margin-left: 0px;}  
.end .footer .email p.p1 img {display: block; width: 100%; }
.end .footer .email p.p1 img.footer_img2 {position: absolute; left: 0px; top: 0px;  opacity: 0; }
.end .footer .email p.p1 a:hover img.footer_img2 { opacity: 1; }
.end .footer .email p.p1 a:hover img.footer_img1 { opacity: 0; }


.pages {
	margin: 0 auto;
	padding: 20px 0 40px;
	height: 40px;
	text-align: center;
}
.pages a,
.pages span {
	vertical-align: top;
	display: inline-block;
	font-size: 16px;
	font-family: Arial;
	padding-left:10px; padding-right:10px;
	height: 36px;
	color: #808080;
	border-radius: 5px;
	line-height: 36px;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin: 0 3px;
	background: #fff;
}
.pages a.page_first,.pages a.page_last{border-radius: 5px;font-size: 14px;padding-left:10px; padding-right:10px;}
.pages a.page_pre,.pages a.page_next{ padding-left:10px; padding-right:10px;border-radius: 5px;font-size: 14px;}
.pages span {
	border: 1px solid #fff;
}
.pages .page_curr {
	background:#006bb2;
	color:#fff;
	border-color:#006bb2;
}
.pages .laypage_first,
.pages .laypage_last {
	display: none;
}
i{ font-style:normal;}

.contacts{ background:url(../images/AD0ItZbwDhACGAAghLGapAYoyojlyQcwgA84yAE.jpg) no-repeat center; height:195px; width:100%; }
.contacts .condd{ display:block; width:75%; margin: 0 auto;  }
.contacts .cony{ float:left; width:80%; line-height:195px; font-size:30px;}
.contacts .cony span{ color:var(--hong-color);}
.contacts .conm{ float:right; color:var(--bai-color); background:var(--hong-color); font-size:16px; font-weight:normal; width:120px; height:55px; margin-top:70px; line-height:55px; text-align:center; border-radius:30px;}
.contacts .conm a{ color:var(--bai-color);}



.nyabout{ width:75%; margin:0 auto; margin-top:80px; margin-bottom:50px;}

.nyabout h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px; }
.nyabout h2 span{ color:#999999; font-size:14px; font-weight:normal;}
.nyabout dl{ list-style:none; padding-top:50px;}
.nyabout .abpic{ width:40%; float:left; margin-right:2%;}
.nyabout .abpic img{ width:100%;}
.nyabout .abcon{ float:left; width:58%; padding-top:20px; padding-bottom:20px;}
.nyabout .abcon h2{ color:var(--title-color); font-weight:normal; font-size:24px; line-height:46px;}
.nyabout .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px; color:var(--info-color)}



.nycontact{width:75%; margin:0 auto; margin-top:80px; margin-bottom:50px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px; }
.nycontact h2 span{ color:#999999; font-size:14px; font-weight:normal;}
.nycontact dl{ list-style:none;padding-top:50px;}
.nycontact dd{}
.nycontact .con1 {width: 30%; padding:10% 5%; border-radius: 4px; background: #F7F9FA;float:left;margin-top:40px;}
.nycontact .con1 p {color: #6A6B6D; font-size:16px; font-weight: 400; line-height: 150%; margin-bottom: 24px;}
.nycontact .con1 .linkBtn { justify-content: start;color:#e60039;}
.nycontact .con2{width: 60%; float:right;}
.nycontact .con2 img{ width:100%;}


.nynews{ width:75%; margin:0 auto; padding-top:80px; }
.nynews h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px;}
.nynews h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px; }
.nynews h2 span{ color:#999999; font-size:14px; font-weight:normal;}
.nynews ul{ padding-top:30px;}
.nynews li{ float:left; width:27%; padding:1.5%; margin-right:1.5%; margin-left:1.5%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nynews li .pic{overflow: hidden; position: relative;}
.nynews li .pic img{transition: transform 0.5s ease; width:100%;}
.nynews li .title{ font-size:16px; color:var(--title-color); font-weight:500; line-height:22px; padding-top:8px; }
.nynews li .time{ color:var(--info-color);}
.nynews li .info{ line-height:23px; text-align:left;}
.nynews li .move a{}
.nynews li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }



.nyproduct{ width:75%; margin:0 auto; padding-top:80px; padding-bottom:30px;}
.nyproduct .ny_pro_left{ float:left; width:22%;}
.nyproduct .ny_pro_left ul{}
.nyproduct .ny_pro_left li{ height:33px; padding-top:23px; padding-bottom:23px; box-shadow: 0 1px 12px rgba(43, 43, 43, .1); margin-bottom:20px; line-height:33px; font-size:18px;}
.nyproduct .ny_pro_left li span{ color:#CCCCCC; margin-left:20px; margin-right:15px; display:block; float:left;}
.nyproduct .ny_pro_left li a{ display:block; float:left;}
.nyproduct .ny_pro_left li:hover{ background:var(--hong-color);}
.nyproduct .ny_pro_left li:hover a{ color:var(--bai-color);}
.nyproduct .ny_pro_right{ float:right; width:73%; padding-left:5%;}
.nyproduct .ny_pro_right ul{}
.nyproduct .ny_pro_right li{ float:left; width:28%; padding:1.5%; margin-right:1%; margin-left:1%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); margin-bottom:15px;}
.nyproduct .ny_pro_right li .pic{overflow: hidden; position: relative;}
.nyproduct .ny_pro_right li .pic img{transition: transform 0.5s ease; width:100%;}

.nyproduct .ny_pro_right li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.nyproduct .ny_pro_right .title{ font-size:16px; color: var(--title-color); font-weight:500; line-height:22px; padding-top:8px; }


.nyproduct .ny_pro_contact{ width:73%; padding-left:5%; float:left;}
.nyproduct .ny_pro_contact h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px; text-align:center; }
.nyproduct .ny_pro_contact .tu_left{ margin:0 auto;  margin-top:30px;}
.nyproduct .ny_pro_contact .tu_left .pipc{ width:50%; float:left;}
.nyproduct .ny_pro_contact .tu_left .info{ width:45%; float:right; color: var(--info-color); text-align:left; line-height:25px;}
.nyproduct .ny_pro_contact .tu_left img{ width:100%; border:1px solid #CCCCCC;}
.nyproduct .ny_pro_contact .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.nyproduct .ny_pro_contact .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.nyproduct .ny_pro_contact .tu_right ul{ padding-top:10px;}
.nyproduct .ny_pro_contact .tu_right li{ text-align:left; line-height:30px;}
.nyproduct .ny_pro_contact .time{ text-align:center; color:#999999;}
.nyproduct .ny_pro_contact .nyjs{}
.nyproduct .ny_pro_contact .nyjs h2 {position: relative; height: 89px; padding-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color: var(--hong-color);text-align: left;        letter-spacing: 2px;}
.nyproduct .ny_pro_contact .nyjs h2 span {position: relative;z-index: 15;}
.nyproduct .ny_pro_contact .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.nyproduct .ny_pro_contact .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}

@media only screen and (max-width:640px){
.header{ height:70px; position:relative; z-index:98;}
.header .topkey{ display:none;}
.m-btn{ display:block; padding-top:20px; float:left; width:5%; padding-left:5%;}
.line {display:block; width:23px;height:2px;margin:0 auto; margin-top:6px; background:#CCCCCC;}
.lines{ width:25px;  margin:0 auto;margin-top:8px; }
.header .navger{ display:none;}
.header .logo{ height:55px; text-align:center; width:80%; float:left; text-align:center; padding-top:15px;}
.header .logo img{ width:60%; height:auto;}
.header .zyqh{ display:none;}
.header .m-bnt{display:block; padding-top:20px; float:left; width:5%; padding-right:5%;}
.ditu{ width:21px; height:21px; background:url(../images/abct.png) no-repeat; display:block;margin-top:8px; }
.full-wrap{ margin-top:0px;}
.slidebox{ height:190px;}
.slidebox img{ width:10%;}
.navbox{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#FFF;z-index: 99; display:none;}
.navbox ul{position: relative; padding:20px;top:70px;}
.navbox ul li{	width:93%; padding-left:7%;text-align:left; border-bottom:1px solid #CCCCCC;}
.navbox ul li a{font-size:14px;color: #999;line-height: 52px;}
.navbox .close{	font-size:28px; -moz-transition:all 0.6s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 0.6s cubic-bezier(0.23,1,0.32,1);	transition:all 0.6s cubic-bezier(0.23,1,0.32,1); color: #999; position: absolute; top: 3%; left: 5%; cursor: pointer}
.navbox .close:before{content: "\e69a";}
.evnav{position: fixed;top: 70px;right: 0;width:33%;height:10%;background:#FFF;z-index:999; display:none;}
.evnav ul{position: relative; padding:20px; padding-top:0px; padding-bottom:0px;}
.evnav ul li{width:94%; padding-left:3%; padding-right:3%;text-align:left;}
.evnav ul li a{font-size:14px;color: #999;line-height:52px;}
.evnav .yczy{ border:0px;width:98px; padding-left:0px; position:relative; z-index:100;animation: slideDown 0.8s ease; /* 添加动画 */  display:block; height:30px; line-height:30px;}
.s_multi_language_icots{background: url(../images/abcc.png) -246px -70px;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px; margin-right:8px;}
.s_multi_language_icot{background: url(../images/abcc.png) -246px -113px;display: inline-block;height: 18px;min-width: 24px;vertical-align: middle;width: 24px; margin-right:8px;}

.slidebox a.prev, .slidebox a.next { position: absolute; left: 20px; top: 40%; background: #000 url(../images/arrow_pn.png) no-repeat center 15px; display: block; filter: Alpha(Opacity=50); Opacity: 0.5; width: 30px; height: 30px; border-radius: 3px; z-index: 100; }
.slidebox a:hover.prev, .slidebox a:hover.next { filter: Alpha(Opacity=90); Opacity: 0.9; }
.slidebox a.next { right: 20px !important; left: auto; background: #000 url(../images/arrow_pn.png) no-repeat center -55px; }
.warp{ width:95%;}
.products{ width:95%; margin:0 auto;margin-top:30px;}
.products h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: var(--hong-color);line-height: 1.5;font-weight: bold; font-size:18px;}
.products dl{ list-style:none; padding-top:30px;}
.products .pro1{ width:100%; }
.products .pro1 li{ width:48%; padding-left:0%; padding-right:0%; padding:0;margin-right:4%; height:280px;}
.products .pro1 li img{ width:100%; height:auto;}
.products .pro1 li .procon h3{ color:var(--title-color); font-size:14px; line-height:20px;}
.products .pro1 li .procon p{ line-height:20px; text-align:center; color:var(--info-color);display: inline-block; font-size:12px;}
.products .pro1 li .procon i{display: inline-block;color:  var(--hong-color);background: url(../images/t_12.svg) 100% 50% no-repeat; background-size:10px; padding-right: 23px; position: relative; font-style:normal;}
.products .pro1 li .procon i a{color:var(--hong-color); font-size:12px;}
.products .pro2{ display:none;}
.products .pro1 li:nth-last-child(2){ margin-right:0;}
.products .pro1 li:nth-last-child(4){ margin-right:0;}
.products .pro1 li:nth-last-child(5){ margin-right:4%;}
.products .pro1 li:nth-last-child(6){ margin-right:0;}
.about{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.about h2{width:100%;overflow: hidden;margin: 0px;padding: 0px; color:var(--hong-color); line-height: 1.5;font-weight: bold; font-size:18px;}
.about dl{ list-style:none; padding-top:30px;}
.about .abpic{ width:100%; float:none; margin-right:0;}
.about .abpic img{ width:100%;}
.about .abcon{ float:left; width:100%; padding-top:20px; padding-bottom:20px;}
.about .abcon h2{ color:var(--title-color); font-weight:normal; font-size:24px; line-height:46px;}
.about .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px; color:var(--info-color)}
.about .abcon i{ font-style:normal;display: inline-block;color:var(--hong-color);background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.about .abcon i a{color: var(--hong-color);}
.about .nyabcon{ float:left; width:100%; padding-bottom:20px;}
.about .nyabcon p{ line-height:25px; padding-bottom:10px;}
.about .nyabcon i{ font-style:normal;display: inline-block;color: var(--hong-color);background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.about .nyabcon i a{color: var(--hong-color);}


.news{ background:url(../images/pro.jpg) no-repeat top; padding-top:20px; padding-bottom:20px; width:95%; }
.news h2{width:100%;overflow: hidden;margin: 0px;padding: 0px; color:var(--hong-color); line-height: 1.5;font-weight: bold; font-size:18px;}
.news ul{ width:100%;}
.news li{ float:none; width:100%; padding:0%; margin-right:0%; transition: transform 0.5s ease; margin-bottom:10px;  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);}
.news li .pic{overflow: hidden; position: relative;}
.news li .pic img{transition: transform 0.5s ease; width:100%;}
.news li .title{ font-size:16px; color:var(--title-color); font-weight:500; line-height:22px; padding-top:8px; }
.news li .time{ color:var(--info-color);}
.news li .info{ line-height:23px; text-align:left;}
.news li .move a{}
.news li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.news li:nth-last-child(2){ margin-right:0%;}


.contact{ width:95%; margin:0 auto; margin-bottom:0px;}
.contact dl{ padding-bottom:0px;}
.contact dl .ddt1{ float:none; width:100%; padding:0; font-size:20px; line-height:39px; text-align:center; margin-bottom:30px;}
.contact dl .ddt2{ float:none; width:100%;}
.contact dl .ddt2 ul{ padding-bottom:0px;}
.contact dl .ddt2 li{float:left; width:48%; background: #f8f9f9; margin-right:4%; padding-top:30px; padding-bottom:30px; text-align:center; margin-bottom:15px;}
.contact dl .ddt2 li:nth-last-child(2){ margin-right:0;}
.contact dl .ddt2 li:nth-last-child(4){ margin-right:0;}
.contact dl .ddt3{ width:100%; float:none; display:none;}
.contact dl .ddt3 img{ width:100%;}

.end{margin:0 auto;  width: 100%;overflow: hidden;background-color: #f1f3f5;padding: 4.63vh 0px;color: #9b9fa8;line-height: 1.75;}
.end .footer .bodys{ float:none; width:100%;}
.end .footer .email{ float:none; width:100%;}

.contacts{ background:url(../images/AD0ItZbwDhACGAAghLGapAYoyojlyQcwgA84yAE.jpg) no-repeat center; height:50px; padding-top:10px; padding-bottom:10px; width:100%; }
.contacts .condd{ display:block; width:95%; margin: 0 auto;  }
.contacts .cony{ float:none; width:100%; line-height:50px; font-size:14px;}
.contacts .cony span{ color:#FF0000;}
.contacts .conm{ display:none;}
.contacts .conm a{ color:#FFFFFF;}


.nyabout{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.nyabout h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:18px;}
.nyabout dl{ list-style:none; padding-top:30px;}
.nyabout .abpic{ width:100%; float:none; margin-right:0;}
.nyabout .abpic img{ width:100%;}
.nyabout .abcon{ float:left; width:100%; padding-top:20px; padding-bottom:20px;}
.nyabout .abcon h2{ color:var(--title-color); font-weight:normal; font-size:24px; line-height:46px;}
.nyabout .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px; color:var(--info-color);}



.nycontact{width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px;}
.nycontact dl{ list-style:none;padding-top:30px;}
.nycontact dd{ }
.nycontact .con1 {width: 90%; padding:5% 5%; border-radius: 4px; background: #F7F9FA;float:none;margin-top:20px;}
.nycontact .con1 p {color: #6A6B6D; font-size:16px; font-weight: 400;line-height: 150%; margin-bottom: 24px;}
.nycontact .con1 .linkBtn {justify-content: start;color:#e60039;}
.nycontact .con2{width:100%; float:none;}
.nycontact .con2 img{ width:100%;}


.nynews{ width:95%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.nynews h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color:var(--hong-color);line-height: 1.5;font-weight: bold; font-size:28px;}
.nynews ul{}
.nynews li{ float:none; width:100%; padding:0%; margin:0%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);}
.nynews li .pic{overflow: hidden; position: relative;}
.nynews li .pic img{transition: transform 0.5s ease; width:100%;}
.nynews li .title{ font-size:16px; color:var(--title-color); font-weight:500; line-height:22px; padding-top:8px; }
.nynews li .time{ color:var(--info-color);}
.nynews li .info{ line-height:23px; text-align:left;}
.nynews li .move a{}
.nynews li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.nynews li:nth-last-child(2){ margin-right:0%;}



.nyproduct{ width:95%; margin:0 auto; padding-top:30px; padding-bottom:20px;}
.nyproduct .ny_pro_left{ float:none; width:100%;}
.nyproduct .ny_pro_left ul{}
.nyproduct .ny_pro_left li{ height:33px; padding-top:23px; padding-bottom:23px; box-shadow: 0 1px 12px rgba(43, 43, 43, .1); margin-bottom:20px; line-height:33px; font-size:18px;}
.nyproduct .ny_pro_left li span{ color:#CCCCCC; margin-left:20px; margin-right:15px; display:block; float:left;}
.nyproduct .ny_pro_left li a{ display:block; float:left;}
.nyproduct .ny_pro_left li:hover{ background:#c50909;}
.nyproduct .ny_pro_left li:hover a{ color:#FFFFFF;}
.nyproduct .ny_pro_right{ float:none; width:100%; padding-left:0%;}
.nyproduct .ny_pro_right ul{}
.nyproduct .ny_pro_right li{ float:none; width:95%; padding:1.5%; margin-right:1%; margin-left:1%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px;}
.nyproduct .ny_pro_right li .pic{overflow: hidden; position: relative;}
.nyproduct .ny_pro_right li .pic img{transition: transform 0.5s ease; width:100%;}
.nyproduct .ny_pro_right li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nyproduct .ny_pro_right li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.nyproduct .ny_pro_right .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }


.nyproduct .add{ display:none;}
.nyproduct .ny_pro_contact{ width:100%; padding-left:0%; float:none;}
.nyproduct .ny_pro_contact h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px; text-align:center; margin-bottom:30px;}
.nyproduct .ny_pro_contact .tu_left{ margin:0 auto;  margin-top:30px;}
.nyproduct .ny_pro_contact .tu_left .pipc{ width:100%; float:none;}
.nyproduct .ny_pro_contact .tu_left .info{ width:100%; float:none; color: var(--info-color); text-align:left; line-height:25px; padding-top:20px;}
.nyproduct .ny_pro_contact .tu_left img{ width:100%; border:1px solid #CCCCCC;}
.nyproduct .ny_pro_contact .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.nyproduct .ny_pro_contact .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.nyproduct .ny_pro_contact .tu_right ul{ padding-top:10px;}
.nyproduct .ny_pro_contact .tu_right li{ text-align:left; line-height:30px;}
.nyproduct .ny_pro_contact .nyjs{}
.nyproduct .ny_pro_contact .nyjs h2 {position: relative; height: 89px; padding-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color: #32c2d2;text-align: left;        letter-spacing: 2px;}
.nyproduct .ny_pro_contact .nyjs h2 span {position: relative;z-index: 15;}
.nyproduct .ny_pro_contact .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.nyproduct .ny_pro_contact .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}

}