body{font-size:14px;font-family: "microsoft yahei","΢���ź�","arial, helvetica, sans-serif";line-height:2rem; background:url(../images/bjhw.jpg); 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;}
ul{ list-style:none;}
.clear{ clear:both;}


/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/
address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
.fl{ float:left;}
.fr{ float:right;}

.top_bg{ height:auto;width:100%;overflow: hidden;}
.top_bg .logo{ background:#239ad7; float:left; width:25%; text-align:center; padding-top:15px; padding-bottom:15px;}
.top_bg .logo .pc{}
.top_bg .logo .moble{ display:none;}
.top_bg .top_nav{ width:56%; float:left; padding-left:2.0%; padding-right:2.0%;}
.top_bg .top_nav .keywords{ width:100%; padding-top:30px; padding-bottom:30px;}
.top_bg .top_nav .keywords .title{font-size: 1.2rem;color: #333;line-height: 1.3rem; float:left;}
.top_bg .top_nav .keywords .tell{font-size: 1.2rem;color: #333;font-weight: bold;line-height: 1.7rem; float:right;}
.top_bg .top_nav .keywords .tell em{display: block;float: left;line-height: 0;width: 1.7rem;height: 1.7rem;padding-right: 0.5rem;}
.top_bg .top_nav .keywords .tell em img{width: 1.7rem;height: 1.7rem;}
.top_bg .top_nav .nav{ border-top:1px solid #c8c8c9;}
.top_bg .top_nav .nav ul{ list-style:none;}
.top_bg .top_nav .nav li{ float:left; text-align:center; height:55px; line-height:55px; width:16.5%;}
.top_bg .top_nav .nav li a{ display:block; width:60%; margin:0 auto; height:50px;}
.top_bg .top_nav .nav li a:hover{ border-bottom:2px solid #239ad7;}
.top_bg .top_nav .nav li .avite{ border-bottom:2px solid #239ad7;}
.top_bg .kong{ float:right; width:20%;}
.m-btn{ display:none;}
.navbox{ display:none;}


.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 3%; background:url(../images/lefts.png) no-repeat center center;opacity: 0;}
.banner .slick-next {right: 3%;background:url(../images/rights.png) no-repeat center center;opacity: 0;}   
.banner:hover .slick-prev { left: 5%; opacity: 0.8; }
.banner:hover .slick-next { right: 5%; opacity: 0.8; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s; font-size:0px;}
.slick-dots .slick-active button {background: #239ad7;width: 60px; font-size:0px;}

.hexin{ background:#f4f4f4; padding-top:50px; padding-bottom:80px;}
.hexin h2{ text-align:center; font-size:48px; line-height:70px; margin-bottom:50px; color:#239ad7;}
.hexin h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.hexin .info{ width:85%; margin:0 auto; padding-top:30px;}
.hexin .info .info_left{ float:left; width:30%;}
.hexin .info .info_left img{ width:100%;}
.hexin .info .info_right{ float:left; padding-left:3%; width:67%; font-size:14px; line-height:30px; text-align:left;}
.hexin ul{ list-style:none; width:85%; margin:0 auto; padding-top:30px;}
.hexin li{ width:23%; float:left; margin-right:2.6%;}
.hexin li img{ width:100%;}
.hexin li:nth-last-child(2){ margin-right:0;}



.homepro{ width:100%; padding-top:60px; background:url(../images/ABUIABACGAAgrLeKnQYomv6evgMwgA848gM.jpg) no-repeat; padding-bottom:50px;}
.homepro h2{ text-align:center; font-size:48px; line-height:70px; margin-bottom:50px; color:#FFFFFF;}
.homepro h2 span{ display:block; width:30px; height:5px; background:#FFFFFF; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.homepro ul{ width:85%; margin:0 auto; padding-top:30px;}
.homepro li{ background:#FFFFFF; float:left; width:31%; margin-right:2.6%; height:auto; margin-bottom:40px;  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); padding-bottom:15px;}
.homepro li:nth-last-child(5){ margin-right:0%;}
.homepro li:nth-last-child(2){ margin-right:0%;}
.homepro li h3{ width:80%; margin:0 auto; display:block; text-align:center; font-size:20px; line-height:30px; padding-top:5px; padding-bottom:5px; font-weight:normal;}
.homepro li h3 a{ color:#666; font-size:20px; line-height:30px;}
.homepro li .move{ width:40px; height:40px; margin:0 auto; margin-top:10px;}
.homepro li .move img{ width:100%;}
.homepro li .cpflimg{ width:100%;}
.homepro li .cpflimg img{ width:100%;}


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



.news{ width:100%; margin:0 auto; padding-top:30px; padding-bottom:80px;}
.news h2{ text-align:center; font-size:48px; line-height:70px; color:#239ad7; margin-bottom:50px;}
.news h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.news .new{ width:85%; margin:0 auto;}
.news .new .new_l{ float:left; width:35%;}
.news .new .new_l img{ width:100%;}
.news .new .new_r{ float:right; width:62%; padding-left:3%;}
.news .new .new_r ul{ width:100%;}
.news .new .new_r li{ width:94%; padding:1.5%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px;}
.news .new .new_r li .pic{overflow: hidden; position: relative;}
.news .new .new_r li .pic img{transition: transform 0.5s ease; width:100%;}
.news .new .new_r li .title{ font-size:16px; color:#333333; font-weight:500; line-height:35px; padding-top:8px;}
.news .new .new_r li .time{ color:#999999;}
.news .new .new_r li .info{ line-height:23px; text-align:left;}
.news .new .new_r li .move a{}
.news .new .new_r li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.news .new .new_r li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.news .new .new_r li:nth-last-child(2){ margin-right:0%;}











.nyproducts{ width:75%; margin:0 auto; margin-top:80px;}
.nyproducts h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #239ad7;line-height: 1.5;font-weight: bold; font-size:28px;}
.nyproducts dl{ list-style:none; padding-top:50px;}
.nyproducts .pro1{ width:98%; margin:0 auto;}
.nyproducts .pro1 ul{ }
.nyproducts .pro1 li{ float:left; width:48%; background-color: #FAFBFC; margin-right:1%; margin-left:1%; text-align:center; margin-bottom:20px; height:350px;}
.nyproducts .pro1 li:nth-last-child(2){ margin-right:0;}
.nyproducts .pro1 li:nth-last-child(2){ margin-right:0;}
.nyproducts .pro1 li img{ width:188px; height:188px;}
.nyproducts .pro1 li .procon{}
.nyproducts .pro1 li .procon h3{ color:#666666;}
.nyproducts .pro1 li .procon p{ line-height:23px; text-align:center; color:#999999;display: inline-block; font-size:14px;}
.nyproducts .pro1 li .procon i{display: inline-block;color: #e60039;background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.nyproducts .pro1 li .procon i a{color: #e60039;}

.nyproducts .pro2{ width:40%; float:right;    overflow: hidden;    flex: 1;    position: relative;}
.nyproducts .pro2 .pic{ height:720px;}
.nyproducts .pro2 .pic img{ width:100%;display: block;height: 100%;object-fit: cover; transition: 0.3slinear;    -webkit-transition: 0.3slinear;}
.nyproducts .pro2 span {width: 100%;display: block;  line-height: 1.5;  overflow: hidden; text-align: center;  color: #292929;  font-family: NotoSans_Bold;  position: absolute;  left: 0px;    top: 5.56vh;    z-index: 99; font-size:36px;}
.nyproducts .pro2 span i{ font-style:normal;}
.ft_24 {font-size: 20px; color:#666666; font-weight:normal;}
.ft_16 {font-size: 16px;}
.sp3 {color: #e60039;background: url(../images/t_12.svg) 87% 70% no-repeat;background-size: 10px;padding-right: 23px;position: relative;margin-top: 24px;}
.sp3 a{color: #e60039; font-size:14px;}


.nyabout{ width:75%; margin:0 auto; margin-top:80px; margin-bottom:50px;}
.nyabout h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;line-height: 1.5;font-weight: bold; font-size:28px;}
.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:5px; padding-bottom:20px;}
.nyabout .abcon h2{ color:#2a2b2e; font-weight:normal; font-size:24px; line-height:46px;}
.nyabout .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px;}
.nyabout .abcon i{ font-style:normal;display: inline-block;color: #e60039;background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.nyabout .abcon i a{color: #e60039;}


.newslist{ width:100%; margin-top:50px; padding-top:80px; padding-bottom:80px; background-color: #f1f3f5;}
.newslist h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #239ad7;line-height: 1.5;font-weight: bold; font-size:28px; margin-bottom:50px;}
.newslist ul{ width:75%; margin:0 auto; }
.newslist li{ float:left; width:30%; margin-right:5%;}
.newslist li .ns_title{ background:#FFFFFF; padding:10px; word-break: break-all; line-height:25px; }
.newslist li .ns_time{ background:#FFFFFF; padding:10px; padding-top:0px;}
.newslist li .ns_pic{ width:100%; overflow: hidden; position: relative;}
.newslist li .ns_pic img{ width:100%; transition: transform 0.7s ease;  display:block;}
.newslist li:hover .ns_pic img{  transform: scale(1.2); transition: transform 0.5s ease; }
.newslist li:nth-last-child(2){ margin-right:0;}
.newslist li:nth-last-child(5){ margin-right:0;}
.newslist li:nth-last-child(8){ margin-right:0;}

.nry{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.lie{ width:300px; float:left;}
.lie h2{
	height: 75px;
    font-size: 20px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
	background:#e60039;
}
.lie ul{ list-style:none;}
.lie li{ background:#ececec; height:60px; text-align:left; padding-left:20px; line-height:60px; border-bottom:1px solid #FFFFFF;}
.lie li a{ color:#999999;}
.lie li span{ float:right; display:block; padding-right:10px; color:#999999;}
.lie li:hover{ background:#e60039;}
.lie li:hover a{ color:#FFFFFF;}
.lie li:hover span{ color:#FFFFFF;}
.tu{ width:860px; padding-left:40px; float:left;}
.tu .tu_left{ float:left; width:420px;}
.tu .tu_left img{ width:100%; border:1px solid #CCCCCC;}
.tu .tu_right{ float:left; width:400px; text-align:left; padding-left:40px;}
.tu .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.tu .tu_right ul{ padding-top:10px;}
.tu .tu_right li{ text-align:left; line-height:30px;}
.tu .nyjs{}
.tu .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: #0044be;text-align: left;        letter-spacing: 2px;}
.tu .nyjs h2 span {position: relative;z-index: 15;}
.tu .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.tu .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}



.tus{ width:860px; padding-left:40px; float:left;}
.tus h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px; text-align:center; margin-bottom:30px;}
.tus .tu_left{ margin:0 auto; width:500px;}
.tus .tu_left img{ width:100%; border:1px solid #CCCCCC;}
.tus .tu_right{ float:left; width:500px; text-align:left; padding-left:40px;}
.tus .tu_right h1{ font-size:18px; font-weight:normal;border-bottom: 1px solid #e5e5e5; line-height:45px;}
.tus .tu_right ul{ padding-top:10px;}
.tus .tu_right li{ text-align:left; line-height:30px;}
.tus .nyjs{}
.tus .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: #e60039;text-align: left;        letter-spacing: 2px;}
.tus .nyjs h2 span {position: relative;z-index: 15;}
.tus .nyjs h2 em {display: block;font-size:16px;color: #000;font-style: normal;font-weight: 400;padding-top:15px;}
.tus .nyjs .nn{ padding-top:30px; padding-bottom:30px; text-align:left; line-height:25px;}

.nycontact{width:75%; margin:0 auto; margin-top:80px; margin-bottom:50px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;line-height: 1.5;font-weight: bold; font-size:28px;}
.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:95%; margin:0 auto; padding-top:80px; }
.nynews h2{ text-align:center; font-size:48px; line-height:70px;}
.nynews h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.nynews ul{}
.nynews 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;}
.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:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.nynews li .time{ color:#999999;}
.nynews li .info{ line-height:23px; text-align:left;}
.nynews li .move a{}
.nynews li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.nynews li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }

.nyproduct{ width:85%; margin:0 auto; padding-top:80px; padding-bottom:50px;}
.nyproduct .ny_pro_left{ float:left; width:20%;}
.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:#239ad7;}
.nyproduct .ny_pro_left li:hover a{ color:#FFFFFF;}
.nyproduct .ny_pro_right{ float:right; width:75%; 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:#333333; font-weight:500; line-height:22px; padding-top:8px; }



.nyproduct .ny_pro_contact{ width:77%; padding-left:3%; 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; width:500px; margin-top:30px;}
.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: #239ad7;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;}

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


.tter .tter_1{ float:left; width:50%;}
.tter .tter_2{ float:left; width:50%;}
@media only screen and (max-width:640px){

.nry{ width:90%; margin:0 auto; padding-top:30px;}
.lie{ display:none;}
.tu{ width:90%; margin:0 auto; padding-left:0px; float:none;}
.tu .tu_left{ float:none; width:100%;}
.tu .tu_left img{ width:100%;}
.tu .tu_right{ display:none;}
.tus{ width:100%; padding:0px;}
.tus .tu_left{ margin:0 auto; width:90%;}
.tus .tu_left img{ width:100%;}
.header{ display:none;}
.msbj .Nav_agver .nva_logo{ width:30%;}
.msbj .Nav_agver .nav_menu{ display:none;}
.msbj .Nav_agver .nav_url ul{ display:none;}
.msbj .Nav_agver .nav_url .m-btn{float:none;margin-top:-7px;}

.top_bg{ height:auto;width:100%;overflow: hidden;  background:#239ad7;}
.top_bg .logo{ background:#239ad7; float:left; width:45%; text-align:center; padding:0px;}
.top_bg .logo .pc{ display:none;}
.top_bg .logo .moble{ display:block;}
.top_bg .logo img{ width:100%;}
.top_bg .top_nav{ display:none;}
.top_bg .kong{ float:right; width:20%;}

.m-btn{ padding:20px; float:right; display:block; }
.line {display:block; width:30px;height:1px;background-color: #fff;margin:0 auto; margin-top:8px; }
.lines{ width:25px;  margin:0 auto;margin-top:8px; }
.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";}

.hexin{ background:#f4f4f4; padding-top:30px; padding-bottom:30px;}
.hexin h2{ text-align:center; font-size:48px; line-height:70px; margin-bottom:50px; color:#239ad7;}
.hexin h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.hexin .info{ width:100%; margin:0 auto; padding-top:20px;}
.hexin .info .info_left{ float:none; width:90%; margin:0 auto;}
.hexin .info .info_left img{ width:100%;}
.hexin .info .info_right{ float:none; padding-top:10px; padding-left:0px; width:90%; font-size:12px; line-height:24px; margin:0 auto;}
.hexin ul{ list-style:none; width:90%; margin:0 auto; padding-top:20px;}
.hexin li{ width:48%; float:left; margin-right:2%; margin-bottom:3px;}
.hexin li img{ width:100%; height:120px;}
.hexin li:nth-last-child(2){ margin-right:0px;}
.hexin li:nth-last-child(4){ margin-right:0px;}


.homepro{ width:100%; padding-top:60px; background:url(../images/ABUIABACGAAgrLeKnQYomv6evgMwgA848gM.jpg) no-repeat; padding-bottom:50px;}
.homepro h2{ text-align:center; font-size:48px; line-height:70px; margin-bottom:50px; color:#FFFFFF;}
.homepro h2 span{ display:block; width:30px; height:5px; background:#FFFFFF; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.homepro ul{ width:90%; margin:0 auto; padding-top:30px;}
.homepro li{ float:left; width:48%; margin-right:2%; height:auto; margin-bottom:20px; background:#FFFFFF;}
.homepro li:nth-last-child(6){ margin-right:0%;}
.homepro li:nth-last-child(4){ margin-right:0%;}
.homepro li:nth-last-child(5){ margin-right:2%;}
.homepro li:nth-last-child(2){ margin-right:0%;}

.homepro li:nth-last-child(8) h3{color:#FFF;}
.homepro li:nth-last-child(9) h3{color:#FFF;}
.homepro li h3{ width:80%; margin:0 auto; display:block; text-align:center; font-size:16px; line-height:30px; padding-top:5px; padding-bottom:5px; font-weight:normal;}
.homepro li h3 a{ color:#666; font-size:20px; line-height:30px;}
.homepro li .move{ width:40px; height:40px; margin:0 auto; margin-top:10px;}
.homepro li .move img{ width:100%;}
.homepro li .cpflimg{ width:100%;}
.homepro li .cpflimg img{ width:100%;}

.product{ width:100%;}
.product ul{}
.product li{ float:none; width:100%; height:auto;}
.product li .w80{ width:80%; padding-left:10%; padding-right:10%; padding-top:30px; padding-bottom:30px; }
.product li .w80 .cpfltit{ float:none; width:96%; padding-left:2%; padding-right:2%; position: relative;  aspect-ratio: 16 / 7.5; }
.product li .w80 .cpfltit span{ font-size:12px; color:#999999;}
.product li .w80 .cpfltit h3{ font-size:24px; line-height:30px;}
.product li .w80 .cpfltit h3 a{ color:#999999;}
.product li .w80 .cpfltit .move{ width:40px; height:40px; position: absolute; bottom:0;}
.product li .w80 .cpfltit .move img{ width:100%;}
.product li .w80 .cpflimg{ float:none; width:96%; padding-left:2%; padding-right:2%; margin-bottom:20px;}
.product li .w80 .cpflimg img{ width:100%;}
.product .cp1{ background:#FFF;}
.product .cp2{background:#f1f1f1;}
.product .cp3{background:#FFF;}
.product .cp4{background:#f1f1f1;}


.oems{ width:95%; margin:0 auto; padding-top:20px; padding-bottom:20px;}
.oems .us_left{ width:100%; float:none; padding:0; padding-top:0px; padding-bottom:0px; background-size:100% 100%;}
.oems .us_left h2{ font-size:20px; color:#999; line-height:35px;}
.oems .us_left strong{ display:block; font-size:16px; color:#666; line-height:25px; margin-top:10px; margin-bottom:10px;}
.oems .us_left p{ font-size:16px; color:#999;}
.oems .us_left .move{ margin-top:20px;}
.oems .us_right{ width:100%; float:none; padding-left:0;}
.oems .us_right img{ width:100%}

.abouts{ width:95%; margin:0 auto; position: relative;}
.abouts h2{ text-align:center; color:#FFFFFF; font-size:32px; padding-top:30xp; padding-bottom:30px;}
.abouts h2 span{ display:block; width:50px; height:5px; background:#FF0000; margin:0 auto; margin-bottom:30px;}
.abouts li{ width:90%; color:#FFFFFF; text-align:center; margin:0 auto; font-size:18px;}



.news{ width:95%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.news h2{ text-align:center; font-size:48px; line-height:70px;}
.news h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.news .new{ width:100%;}
.news .new .new_l{ display:none;}
.news .new .new_r{ width:100%;}
.news .new .new_r ul{}
.news .new .new_r li{ float:none; width:100%; padding:0%; margin-right:0%; transition: transform 0.5s ease, box-shadow 0.5s ease; margin-bottom:10px; }
.news .new .new_r li .pic{overflow: hidden; position: relative;}
.news .new .new_r li .pic img{transition: transform 0.5s ease; width:100%;}
.news .new .new_r li .title{ font-size:16px; color:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.news .new .new_r li .time{ color:#999999;}
.news .new .new_r li .info{ line-height:23px; text-align:left;}
.news .new .new_r li .move a{}
.news .new .new_r li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.news .new .new_r li:hover .pic img{transform: scale(1.2); transition: transform 0.5s ease; }
.news .new .new_r li:nth-last-child(2){ margin-right:0%;}



.nyproducts{ width:95%; margin:0 auto;margin-top:30px;}
.nyproducts h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #239ad7;line-height: 1.5;font-weight: bold; font-size:18px;}
.nyproducts dl{ list-style:none; padding-top:30px;}
.nyproducts .pro1{ width:100%; float:none;}
.nyproducts .pro1 li{ height:300px;}
.nyproducts .pro1 li img{ width:100%;}
.nyproducts .pro1 li .procon h3{ color:#666666; font-size:14px; line-height:20px;}
.nyproducts .pro1 li .procon p{ line-height:20px; text-align:center; color:#999999;display: inline-block; font-size:12px;}
.nyproducts .pro1 li .procon i{display: inline-block;color: #e60039;background: url(../images/t_12.svg) 100% 50% no-repeat; background-size:10px; padding-right: 23px; position: relative; font-style:normal;}
.nyproducts .pro1 li .procon i a{color: #e60039; font-size:12px;}
.nyproducts .pro2{ float:none; width:100%;}
.nyproducts .pro2 .pic{ height:auto;}
.nyproducts .pro2 span {width: 100%;display: block;  line-height: 1.5;  overflow: hidden; text-align: center;  color: #292929;  font-family: NotoSans_Bold;  position: absolute;  left: 0px;    top: 5.56vh;    z-index: 99; font-size:18px;}
.ft_24 {font-size:14px; color:#666666; font-weight:normal;}
.ft_16 {font-size: 12px;}
.sp3 {color: #e60039;background: url(../images/t_12.svg) 87% 70% no-repeat;background-size: 10px;padding-right: 23px;position: relative;margin-top: 24px;}
.sp3 a{color: #e60039; font-size:12px;}



.nyabout{ width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.nyabout h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;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:#2a2b2e; font-weight:normal; font-size:24px; line-height:46px;}
.nyabout .abcon p{ line-height:25px; padding-top:10px; padding-bottom:10px;}
.nyabout .abcon i{ font-style:normal;display: inline-block;color: #e60039;background: url(../images/t_12.svg) 100% 50% no-repeat; background-size: 10px; padding-right: 23px; position: relative; font-style:normal;}
.nyabout .abcon i a{color: #e60039;}


.nycontact{width:95%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #2a2b2e;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%;}

.nynewslist{ width:100%; margin-top:0px; padding-top:50px;}
.nynewslist h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #239ad7;line-height: 1.5;font-weight: bold; font-size:28px; margin-bottom:30px;}
.nynewslist ul{ width:95%; margin:0 auto; }
.nynewslist li{ float:none; width:100%; margin-right:0%;  margin-left:0%;}
.nynewslist li .ns_title{ background:#FFFFFF; padding:10px; word-break: break-all; line-height:25px; }
.nynewslist li .ns_time{ background:#FFFFFF; padding:10px; padding-top:0px;}
.nynewslist li .ns_pic{ width:100%; overflow: hidden; position: relative;}
.nynewslist li .ns_pic img{ width:100%; transition: transform 0.7s ease;  display:block;}
.nynewslist li:hover .ns_pic img{  transform: scale(1.2); transition: transform 0.5s ease; }
.nynewslist li:nth-last-child(2){ margin-right:0;}

.newslist{ width:100%; margin-top:50px; padding-top:50px; padding-bottom:50px; background-color: #f1f3f5;}
.newslist h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #239ad7;line-height: 1.5;font-weight: bold; font-size:28px; margin-bottom:30px;}
.newslist ul{ width:95%; margin:0 auto; }
.newslist li{ float:none; width:100%; margin-right:0%; }
.newslist li .ns_title{ background:#FFFFFF; padding:10px; word-break: break-all; line-height:25px; }
.newslist li .ns_time{ background:#FFFFFF; padding:10px; padding-top:0px;}
.newslist li .ns_pic{ width:100%; overflow: hidden; position: relative;}
.newslist li .ns_pic img{ width:100%; transition: transform 0.7s ease;  display:block;}
.newslist li:hover .ns_pic img{  transform: scale(1.2); transition: transform 0.5s ease; }
.newslist li:nth-last-child(2){ margin-right:0;}

.contact{ display:none;}


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


.nybanner{ width:100%; height:230px;}
.nybanner img{ width:100%; height:230px;}

.nycontact{width:95%; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.nycontact h2{width:100%;overflow: hidden;margin: 0px;padding: 0px;color: #239ad7;line-height: 1.5;font-weight: bold; font-size:28px;}
.nycontact dl{ list-style:none;padding-top:0px;}
.nycontact dd{ }
.nycontact .con1 {
    width: 90%;
    padding:5%;
    border-radius: 4px;
    background: #F7F9FA;
	float:none;
	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:100%; float:none;}
.nycontact .con2 img{ width:100%;}
.nynews{ width:95%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.nynews h2{ text-align:center; font-size:48px; line-height:70px;}
.nynews h2 span{ display:block; width:30px; height:5px; background:#999; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.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; }
.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:#333333; font-weight:500; line-height:22px; padding-top:8px; }
.nynews li .time{ color:#999999;}
.nynews li .info{ line-height:23px; text-align:left;}
.nynews li .move a{}
.nynews li:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
.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;}
.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:#239ad7;}
.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; width:100%;}
.nyproduct .ny_pro_contact .tu_left img{ width:100%; border:0px;}
.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: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-size:26px;color: #239ad7;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;}

}