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

ul{ list-style:none;}
.clear{ clear:both;}

.m-btn{ display:none;}
.m-bnt{ display:none;}

.header{ width:80%; transition: padding-top .3s; position:absolute; top: 30px; left:10%; right:10%; padding-top:20px; padding-bottom:20px;  z-index: 900; height:42px; background:#FFFFFF;}
.header .logo{ width:25%; height:42px; float:left; text-align:center;}
.header .logo img{} 
.header .navger{ float:left; width:60%; padding-left:5%;}
.header .navger ul{}
.header .navger li{ float:left; padding-left:25px; padding-right:25px; width:75px; margin-right:10px; padding-right:25px; text-align:center; height:42px; line-height:42px; border-top:3px solid rgba(0, 0, 0, 0); transition: border-color 0.7s ease;}
.header .navger li a{ font-size:16px;}
.header .navger li:hover{ background-color:#333333;height:42px; }
.header .navger li:hover a{ color:#FFFFFF;}
.header .navger .arl{ background-color:#333333; height:42px;}
.header .navger .arl a{ color:#FFFFFF;}


.header .zyqh{ float:right; width:10%; height:30px; padding-top:6px;}
.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:0px;}
.slidebox { clear: both; width: 100%; height:893px; 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: #cccccc; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-radius: 16px; cursor: pointer; margin-right: 4px;  }
.slidernav span.current { background: #ec2828;}
.nybanner{ width:100%; }
.nybanner img{ width:100%;}
.navbox{ display:none;}
.evnav{ display:none;}

.hexin{ background:#f4f4f4; padding-top:50px; padding-bottom:80px;}
.hexin h2{ text-align:center; font-size:48px; line-height:70px; margin-bottom:50px; color:#eeb212;}
.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; }
.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%; height:230px;}
.hexin li:nth-last-child(2){ margin-right:0;}

.product{ width:100%;}
.product ul{}
.product li{ float:left; width:50%; height:auto;  }
.product li .w80{ width:80%; padding-left:10%; padding-right:10%; padding-top:70px; padding-bottom:70px;}
.product li .w80 .cpfltit{ float:left; width:48%; padding-left:1%; padding-right:1%; position: relative;  aspect-ratio: 16 / 14; }
.product li .w80 .cpfltit span{ font-size:12px; color:#999999;}
.product li .w80 .cpfltit h3{ font-size:36px; line-height:45px;}
.product li .w80 .cpfltit h3 a{ color:#333;}
.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:right; width:48%; padding-left:2%;}
.product li .w80 .cpflimg img{ width:100%;}
.product .cp1{ background:#FFF;}
.product .cp2{background:#f1f1f1;}
.product .cp3{background:#f1f1f1;}
.product .cp4{background:#FFF;}



.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{ float:left; width:23%; 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(6){ 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:#eeb212; 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:#eeb212;}
.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:40%;}
.news .new .new_l img{ width:100%;}
.news .new .new_r{ float:right; width:57%;}
.news .new .new_r ul{ width:100%;}
.news .new .new_r li{ width:86%; padding:1.5%; margin-right:2%; transition: transform 0.5s ease, box-shadow 0.5s ease; }
.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%;}



.footer{ background:url(../images/footer.jpg) no-repeat; height:173px;}
.footer .end{ width: 85%; margin:0 auto;}
.footer .end .end_logo{ float:left; width:233px; height:173px;}
.footer .end .end_bq{ width:500px; padding-top:40px; padding-left:40px; color:#FFFFFF; text-align:left; line-height:32px; font-size:14px; float:left;}
.footer .end .end_nav{ float:right; width:130px; padding:20px;}
.footer .end .end_nav img{ width:130px;}
.footer .end a{color:#FFFFFF;}

.footer .end .email{ float:right; width:15%;}
.footer .end .email p {
    width: 100%;
    overflow: hidden;
  }
.footer .end .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;
    background: #FFF;
    
}
.footer .end .email p.p1 a:nth-child(1) {
    margin-left: 0px;
  }
  
.footer .end .email p.p1 img {
    display: block;
    width: 100%;
  }
  
.footer .end .email p.p1 img.footer_img2 {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }
  
.footer .end .email p.p1 a:hover img.footer_img2 {
    opacity: 1;
  }
  
.footer .end .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;}

.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:556px;}
.nyabout .abcon{ float:left; width:58%; 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;}




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



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


.nyproduct{ width:90%; margin:0 auto; padding-top:80px;}
.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; font-size:16px;}
.nyproduct .ny_pro_left li:hover{ background:#eeb212;}
.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:75%; 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; 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: #eeb212;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;}
.nyproduct .ny_pro_contact .nyjs .nn img{ margin:0 auto; display:block;}



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

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

.hexin{ background:#f4f4f4; padding-top:30px; padding-bottom:30px;}
.hexin h2{ text-align:center; font-size:48px; line-height:70px; margin-bottom:30px; color:#eeb212;}
.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;}




.product{ width:100%;}
.product ul{}
.product li{ float:none; width:100%; height:auto; background:#FFFFFF;}
.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; background:#FFFFFF;}
.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%;}


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

.footer{ background:url(../images/footer.jpg) no-repeat; height:173px;}
.footer .end{ width:90%; margin:0 auto;}
.footer .end .end_logo{ float:left; width:233px; height:173px; display:none;}
.footer .end .end_bq{ width:100%; padding-top:30px; padding-left:0px; color:#FFFFFF; text-align:center; line-height:32px; font-size:14px; float:none;}
.footer .end .end_nav{ float:right; width:350px; line-height:173px; display:none;}
.footer .end .end_nav a{ color:#FFFFFF; padding-left:10px; padding-right:10px;}
.footer .end 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: #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;}


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


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


.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:#eeb212;}
.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: #eeb212;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;}
.nyproduct .ny_pro_contact .nyjs .nn img{ width:100%;}



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

.homepro{ width:100%; padding-top:60px; background:url(../images/ABUIABACGAAgrLeKnQYomv6evgMwgA848gM.jpg) no-repeat; padding-bottom:50px;}
.homepro h2{ text-align:center; font-size:26px; line-height:40px; margin-bottom:30px; 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:10px;}
.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(2){ margin-right:0%;}
.homepro li:nth-last-child(8){ 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%;}
}