@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:Microsoft Yahei; overflow-x:hidden;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#1a954c; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
#topcontrol{ z-index:9999999;}

/*head_top*/
.head_width{ width:100%; margin:0 auto; overflow:hidden; background:#1a954c;}
.head_width .rexian{ float:left; margin:8px 0; font-size:16px; color:#fff; line-height:25px;}
.head_width .cnen{ float:right; margin:8px 0;}
.head_width .cnen a{ color:#fff; font-size:14px; line-height:25px; margin:0 0 0 30px;}
.head_width .cnen a:hover{ text-decoration:none; color:#eee;}
.head_width .search{ margin:8px 0; float:right;}
.head_width .search input{ border-radius:13px; border:none; background:#fff; height:25px; text-indent:1em; float:left; outline:none; width:145px; font-size:12px; color:#666; line-height:25px;}
.head_width .search img{ width:19px; height:19px; margin:3px 0 3px 7px; cursor:pointer;}
.head_top{ margin:0 auto;}
.head_top .logo{ width:95px; float:left; margin:17px 0;}
.head_top .logo img{ max-width:100%;}
.head_top h1{ float:left; font-size:30px; color:#333; line-height:36px; margin:30px 0 20px 16px; font-weight:bold; letter-spacing:2px;}
.head_top h1 span{ display:block; font-size:16px; color:#888; line-height:24px; margin:2px 0 0 0; letter-spacing:0; font-family:Arial;}

/*nav*/
.header{ float:right; margin:14px 0 0 0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10; margin:0 0 0 68px;}
.nav a{ display:block; font-size:16px; color:#000; line-height:88px; text-transform:uppercase;}
.nav li:hover a, .nav li a.cutter{ color:#1a954c; text-decoration:none;}
.nav li a:before{ content:""; width:0px; height:2px; visibility:hidden; transition:.8s; background:#1a954c; position:absolute; bottom:2px; left:50%;}
.nav li:hover a::before{ width:100%; left:0; right:0; visibility:visible;}
.nav .sub{ width:168px; position:absolute; left:0; top:88px; background:rgba(255, 255, 255, 1);}
.nav .sub li{ text-align:left; padding:0 0 0 16px; position:relative; overflow:hidden;}
.nav .sub li a{ color:#333; font-size:14px; line-height:42px; font-weight:normal; display:block; background:none; padding:0; position:relative; z-index:2; -webkit-transition:.35s; transition:.35s; text-transform:inherit;}
.nav .sub li a:hover{ text-decoration:none; color:#fff;}
.nav .sub li a::before{ display:none;}
.nav .sub li:before{ content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin:40px 0 0 -60px; background:#1a954c; width:0; height:0; border-radius:50%; -webkit-transition:.8s; transition:.8s; opacity:0;}
.nav .sub li:hover:before{ width:500px; height:500px; opacity:1;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin:10px 0 0 0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){ -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; height:50px; line-height:50px; width:100%;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:50px; line-height:50px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner{ width:100%; margin:0 auto; overflow:hidden;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet{ opacity:1; background:#fff;}
.banner .top_bg_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#1a954c;}
.m-Pic{ text-align:center; display:block; font-size:0;}
.m-Pic b{ display:inline-block; height:100%; vertical-align:middle;}
.m-Pic img{ vertical-align:middle; max-width:100%; max-height:100%;}

/*new_product*/
.new_product{ margin:52px auto 68px auto;}
.new_product .new_p_name{ font-size:30px; color:#000; display:flex; line-height:42px; justify-content:center; align-items:center;}
.new_product .new_p_name div{ display:inline-block; margin:0 36px;}
.new_product .new_p_name span{ display:inline-block; width:100px; height:2px; background:#1a954c;}
.new_p_width{ width:100%; margin:36px auto 0 auto; overflow:hidden;}
.new_p_width a{ color:#fff; line-height:24px; display:block; overflow:hidden; border:#ccc 1px solid;}
.new_p_width a:hover{ text-decoration:none; color:#fff;}
.new_p_width .new_p_left{ float:left; width:49%; position:relative;}
.new_p_width .new_p_left em{ position:absolute; left:0; bottom:0; background:rgba(51,51,51,.6); width:98%; padding:8px 0 8px 2%;}
.new_p_width .new_p_left img{ width:100%; transition:all .35s;}
.new_p_width .new_p_left:hover img{ transform:scale(1.2);}
.new_p_width .new_p_right{ float:right; width:49%;}
.new_p_width .new_p_right ul{ overflow:hidden;}
.new_p_width .new_p_right ul li{ float:left; width:48%; margin:0 4% 4% 0; position:relative;}
.new_p_width .new_p_right ul li:nth-child(2n){ margin:0 0 4% 0;}
.new_p_width .new_p_right ul li em{ position:absolute; left:0; bottom:0; background:rgba(51,51,51,.6); width:96%; padding:8px 0 8px 4%;}
.new_p_width .new_p_right ul li img{ width:100%; transition:all .35s;}
.new_p_width .new_p_right ul li:hover img{ transform:scale(1.2);}
.new_p_width2{ width:100%; margin:0 auto;}
.new_p_width2 ul{ overflow:hidden;}
.new_p_width2 ul li{ float:left; width:23.5%; margin:0 2% 0 0; position:relative;}
.new_p_width2 ul li:last-child{ margin:0;}
.new_p_width2 ul li em{ position:absolute; left:0; bottom:0; background:rgba(51,51,51,.6); width:96%; padding:8px 0 8px 4%;}
.new_p_width2 ul li img{ width:100%; transition:all .35s;}
.new_p_width2 ul li:hover img{ transform:scale(1.2);}
.new_p_width2 ul li a{ color:#fff; line-height:24px; display:block; overflow:hidden; border:#ccc 1px solid;}
.new_p_width2 ul li a:hover{ text-decoration:none; color:#fff;}

/*about_us*/
.about_us{ width:100%; margin:68px auto 52px auto; overflow:hidden; position:relative;}
.about_us:before{ position:absolute; left:0; width:100%; background:#666; height:100%; top:60px; content:""; z-index:1;}
.about_us .about_left{ float:left; width:45%; position:relative; z-index:2;}
.about_us .about_left img{ width:100%;}
.about_us .about_right{ float:right; width:49%; position:relative; z-index:2; border-top:#1a954c 2px solid;}
.about_us .about_right .about_name{ width:100%; font-size:30px; color:#000; line-height:42px; padding:6px 0 0 0;}
.about_us .about{ width:100%; font-size:16px; color:#fff; line-height:28px; margin:30px 0;}
.about_us .about_more{ width:100%; line-height:25px;}
.about_us .about_more a{ font-size:14px; color:#fff; display:block; text-transform:uppercase;}
.about_us .about_more span{ font-family:宋体; font-size:14px; font-weight:bold; margin:0 0 0 12px;}
.about_us .about_more a:hover{ text-decoration:none; color:#1a954c;}

/*case*/
.case{ margin:52px auto 23px auto;}
.case .case_name{ font-size:30px; color:#000; display:flex; line-height:42px; justify-content:center; align-items:center;}
.case .case_name div{ display:inline-block; margin:0 36px;}
.case .case_name span{ display:inline-block; width:100px; height:2px; background:#1a954c;}
.case ul{ overflow:hidden; margin:36px 0 0 0;}
.case ul li{ float:left; width:31.7%; margin:0 2.45% 2.45% 0; position:relative;}
.case ul li:nth-child(3n){ margin:0 0 2.45% 0;}
.case ul li img{ width:100%; transition:all .75s;}
.case ul li:hover img{ transform:scale(1.2);}
.case ul li a{ display:block;}
.case ul li p{ display:block; border:#eee 1px solid; overflow:hidden;}
.case ul li em{ position:absolute; bottom:10px; left:0; font-size:16px; line-height:28px; color:#fff; width:100%; text-align:center; opacity:1; transition:all .35s;}
.case ul li:hover em{ opacity:0;}
.case ul li .case_hover{ display:none;}
.case ul li:hover .case_hover{ display:flex; justify-content:center; align-items:center; flex-direction: column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.52);}
.case ul li .case_cn{ width:88%; margin:0 auto 8px auto; font-size:16px; color:#fff; line-height:28px; text-align:center;}
.case ul li .case_jj{ width:88%; margin:0 auto; font-size:14px; color:#fff; line-height:25px; text-align:center; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*news*/
.news{ width:100%; margin:23px auto 52px auto; overflow:hidden; background:-webkit-gradient(linear,center top,center bottom,from(rgba(238,238,238,1)),to(rgba(238,238,238,.00001)));}
.news .news_name{ font-size:30px; color:#000; display:flex; line-height:42px; justify-content:center; align-items:center; margin:36px auto;}
.news .news_name div{ display:inline-block; margin:0 36px;}
.news .news_name span{ display:inline-block; width:100px; height:2px; background:#1a954c;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:48%;}
.news_width .news_left ul{ overflow:hidden;}
.news_width .news_left ul li{ float:left; width:48%; margin:0 4% 0 0;}
.news_width .news_left ul li:last-child{ margin:0;}
.news_width .news_left ul li a{ display:block; color:#666; overflow:hidden;}
.news_width .news_left ul li a:hover{ text-decoration:none; color:#1a954c;}
.news_width .news_left ul li .news_l_img{ width:100%; margin:0 auto;}
.news_width .news_left ul li .news_l_img img{ width:100%;}
.news_width .news_left ul li .news_zt{ font-size:16px; line-height:28px; color:#333; margin:6px 0 0 0; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_left ul li .news_time{ font-size:14px; line-height:25px; color:#888; margin:0 0 6px 0;}
.news_width .news_left ul li .news_jj{ font-size:14px; line-height:25px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_width .news_right{ float:right; width:48%;}
.news_width .news_right ul{ overflow:hidden;}
.news_width .news_right ul li{ border-bottom:#ccc 1px solid; font-size:14px; line-height:39px;}
.news_width .news_right ul li a{ display:block; color:#666; overflow:hidden;}
.news_width .news_right ul li a:hover{ text-decoration:none; color:#1a954c;}
.news_width .news_right ul li span{ float:left; width:68%; height:39px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_right ul li font{ color:#888; float:right;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#eee; padding:36px 0 48px 0;}
.foot_l{ float:left; width:84%;}
.foot_l dl{ float:left; width:11%;}
.foot_l dl:nth-child(1){ width:22%;}
.foot_l dl:nth-child(2){ width:26%;}
.foot_l dl:nth-child(3){ width:13%;}
.foot_l dl:nth-child(5){ width:28%;}
.foot_l dl:nth-child(1) dt{ float:left; width:50%;}
.foot_l dl:nth-child(2) dt{ float:left; width:50%;}
.foot_l dl dd{ font-size:16px; color:#333; line-height:22px; margin:0 0 10px 0; position:relative; padding:0 0 6px 0;}
.foot_l dl dd:after{ position:absolute; left:0; bottom:0; width:32px; height:1px; background:#888; content:"";}
.foot_l dl dt{ line-height:25px; font-size:14px; color:#666;}
.foot_l dl dt a{ font-size:14px; color:#666; display:block; transition:all .3s;}
.foot_l dl dt a:hover{ color:#1a954c; text-decoration:none;}
.foot_r{ float:right; width:12%; text-align:center; font-size:14px; color:#666;}
.foot_r img{ width:100%;}
.foot_r span{ display:block; padding:5px; background:#fff; position:relative; margin:0 0 15px 0;}
.foot_r span:after{ content:""; position:absolute; width:0; height:0; bottom:-8px; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff;}
.footer_icp{ width:100%; margin:0 auto; overflow:hidden; background:#1a954c; font-size:14px; color:#fff; line-height:24px; padding:14px 0;}
.footer_icp a{ color:#fff;}
.footer_icp a:hover{ text-decoration:none;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden; position:relative; background:url(../images/ny_banner_bg.jpg) center no-repeat; z-index:1;}
.ny_nav{ margin:46px auto 118px auto;}
.ny_nav ul{ overflow:hidden;}
.ny_nav ul li{ float:left; margin:0 3.2% 0 0;}
.ny_nav ul li:last-child{ margin:0;}
.ny_nav ul li a:after{ content:""; position:absolute; top:0; right:0; width:0; height:0; border-top:20px solid transparent; border-left:20px solid #fff; border-bottom:20px solid transparent; margin:0 -20px 0 0;}
.ny_nav ul li a:hover:after,.ny_nav ul li .hout:after{ border-left:20px solid #1a954c;}
.ny_nav ul li a{ font-size:15px; color:#000; line-height:28px; background:#fff; padding:6px 6px 6px 12px; display:block; position:relative;}
.ny_nav ul li a:hover,.ny_nav ul li .hout{ background:#1a954c; color:#fff; text-decoration:none;}

/*content*/
.content{ margin:-72px auto 52px auto; position:relative; z-index:2; background:#fff; overflow:hidden;}
.content .content_name{ width:94%; margin:26px auto 36px auto; overflow:hidden;}
.content .all_name{ font-size:30px; color:#000; line-height:46px; float:left; position:relative; padding:0 0 6px 0;}
.content .all_name:after{ position:absolute; left:0; bottom:0; width:68px; height:2px; content:""; background:#1a954c;}
.content .lujing{ float:right; font-size:14px; color:#333; line-height:25px; margin:21px 0 0 0;}
.content .lujing span{ color:#1a954c;}
.content .lujing a{ color:#000;}
.content .lujing a:hover{ text-decoration:none; color:#1a954c;}

/*profiles*/
.profiles{ width:94%; margin:0 auto; font-size:14px; color:#333; line-height:25px;}
.profiles img{ max-width:100%;}

.certification{ width:94%; margin:0 auto;}
.certification ul{}
.certification ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.certification ul li:nth-child(4n){ margin:0 0 2% 0;}
.certification ul li img{ width:100%;}
.certification ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.certification ul li a{ color:#333; border:#ccc 1px solid; padding:1%; display:block; transition:all .3s;}
.certification ul li a:hover{ text-decoration:none; box-shadow:0 5px 15px #e2e2e2; transform:translateY(-5px); color:#1a954c;}

.general{ width:94%; margin:0 auto; overflow:hidden;}
.general .general_l{ float:left; width:32%; position:relative;}
.general .general_l img{ width:100%;}
.general .general_l em{ display:block; position:absolute; bottom:0; left:0; width:100%; background:rgba(26,149,76,.42); font-size:16px; color:#fff; line-height:28px; text-align:center; padding:12px 0;}
.general .general_yanse{ float:right; width:63%; font-size:16px; color:#333; line-height:28px;}
.general .general_yanse em{ display:block; border-bottom:#eee 1px solid; font-size:32px; color:#333; font-weight:bold; line-height:60px; margin:0 0 20px 0;}

.container{ width:94%; margin:0 auto; columns:4; column-gap:32px;}
.container .box{ width:96%; margin:0 0 32px 0; background:#f2f2f2; padding:2%; overflow:hidden; break-inside:avoid; transition:all .5s;}
.container .box img{ width:100%;}
.container .box:hover{ background:#1a954c;}
.container .box p{ font-size:16px; color:#333; line-height:36px; text-align:center; height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:2% 0 0 0;}
.container .box:hover p{ color:#fff;}
@media(max-width:1200px){
	.container{ columns:3; box-sizing:border-box;}
}
@media(max-width:768px){
	.container{ columns:2;}
}
@media(max-width:480px){
	.container { columns:1;}
}

.join_us{ width:94%; margin:0 auto;}
.join_us ul{ background:#1a954c; overflow:hidden; border-bottom:#fff 1px solid;}
.join_us ul li{ line-height:28px; margin:10px 0; overflow:hidden;}
.join_us ul li span{ font-size:18px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#fff 1px solid;}
.join_us dl dt{ overflow:hidden; background:#f0f0f0;}
.join_us dl dt em{ float:left; font-size:20px; color:#333; font-weight:bold; line-height:36px; margin:0 0 0 2%;}
.join_us dl.cur dt{ background:#fff; border-bottom:#eee 1px solid;}
.join_us span{ float:left; width:20%; text-align:center; font-size:14px; color:#525252; line-height:28px; padding:8px 0;}
.join_us span a{ color:#1a954c; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#1a954c; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ width:94%; margin:28px auto 0 auto; font-size:14px; color:#525252; line-height:25px; border-bottom:#ddd 1px solid; padding:0 0 12px 0;}
.join_fuli em{ font-size:18px; color:#333; font-weight:bold; line-height:34px; display:block; margin:0 0 10px 0;}

/*products*/
.products{ width:94%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:23.5%; margin:0 2% 2% 0; position:relative;}
.products ul li:nth-child(4n){ margin:0 0 2% 0;}
.products ul li em{ position:absolute; left:0; bottom:0; background:rgba(51,51,51,.6); width:96%; padding:8px 0 8px 4%;}
.products ul li img{ width:100%; transition:all .35s;}
.products ul li:hover img{ transform:scale(1.2);}
.products ul li a{ color:#fff; line-height:24px; display:block; overflow:hidden; border:#ccc 1px solid;}
.products ul li a:hover{ text-decoration:none; color:#fff;}

.products_text{ width:94%; margin:0 auto; overflow:hidden;}
.game163{ width:568px; float:left;}
.game163 .bigImg{ position:relative; float:right;}
.game163 .bigImg li img{ width:450px; height:450px; cursor:zoom-in;}
.game163 .smallScroll{ float:left; width:68px; height:290px; position:relative; padding-top:36px;}
.game163 .sPrev, .game163 .sNext{ position:absolute; left:50%; margin:0 0 0 -13px;}
.game163 .sPrev{ top:0px; background:url(../images/product_top.png) center no-repeat; width:27px; height:14px;}
.game163 .sNext{ bottom:-36px; background:url(../images/product_bottom.png) center no-repeat; width:27px; height:14px;}
.game163 .smallImg{ width:68px; margin:0 auto; height:100%; overflow:hidden;}
.game163 .smallImg ul{ overflow:hidden; position:relative; top:0; -webkit-transition:0.5s;transition:0.5s;}
.game163 .smallImg li{ width:68px; cursor:pointer; margin:0 0 6px 0;}
.game163 .smallImg img{ border:1px solid #f2f2f2; width:66px; height:66px;}
.game163 .smallImg .on img{ border:1px solid #888;}

.pro_sj{ display:none;}

.product_right{ float:right; width:45%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:30px;}
.product_right .p_ggao{ font-size:18px; color:#1a954c; line-height:25px; margin:10px auto;}
.product_right .miaoshu{ border:#eee 1px solid; border-left:none; border-right:none; margin:10px auto; font-size:14px; color:#666; line-height:25px; padding:12px 0;}

.products_titel{ width:94%; margin:48px auto 22px auto; overflow:hidden; border-bottom:#ccc 1px solid;}
.products_titel span{ float:left; font-size:16px; color:#333; line-height:30px; font-weight:bold;}
.products_decon{ width:94%; overflow:hidden; margin:22px auto 48px auto; font-size:14px; color:#525252; line-height:25px;}
.products_decon img{ max-width:100%;}
.products_decon table{ width:100% !important; border:#eee 1px solid;}
.products_decon table td{ border:#eee 1px solid; font-size:14px; color:#525252; line-height:25px; text-align:center; padding:3px 0;}

.pro_xiangguan{ width:94%; margin:48px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:34px; font-weight:bold; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#1a954c; float:left; margin:10px 10px 0 8px;}
.pro_xgcp{ width:94%; margin:18px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#1a954c 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#1a954c;}

/*case*/
.ny_case{ width:94%; margin:0 auto;}
.ny_case ul{ overflow:hidden;}
.ny_case ul li{ float:left; width:31.2%; margin:0 3.2% 3.2% 0; position:relative;}
.ny_case ul li:nth-child(3n){ margin:0 0 3.2% 0;}
.ny_case ul li img{ width:100%; transition:all .75s;}
.ny_case ul li:hover img{ transform:scale(1.2);}
.ny_case ul li a{ display:block;}
.ny_case ul li p{ display:block; border:#eee 1px solid; overflow:hidden;}
.ny_case ul li em{ position:absolute; bottom:10px; left:0; font-size:16px; line-height:28px; color:#fff; width:100%; text-align:center; opacity:1; transition:all .35s;}
.ny_case ul li:hover em{ opacity:0;}
.ny_case ul li .case_hover{ display:none;}
.ny_case ul li:hover .case_hover{ display:flex; justify-content:center; align-items:center; flex-direction: column; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.52);}
.ny_case ul li .case_cn{ width:88%; margin:0 auto 8px auto; font-size:16px; color:#fff; line-height:28px; text-align:center;}
.ny_case ul li .case_jj{ width:88%; margin:0 auto; font-size:14px; color:#fff; line-height:25px; text-align:center; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.cases{ width:94%; margin:0 auto; font-size:16px; color:#333; line-height:30px;}
.cases img{ max-width:100%;}

/*ny_news*/
.ny_news{ width:94%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:30%; margin:0 5% 4% 0;}
.ny_news ul li:nth-child(3n){ margin:0 0 4% 0;}
.ny_news ul li a{ display:block; border:#eee 1px solid; color:#666;}
.ny_news ul li a:hover{ text-decoration:none; color:#1a954c;}
.ny_news ul li .ny_n_img{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news ul li .ny_n_img img{ width:100%;}
.ny_news ul li .ny_n_zt{ width:92%; margin:12px auto 4px auto; font-size:16px; color:#333; line-height:22px; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_jj{ width:92%; margin:4px auto 12px auto; font-size:14px; line-height:20px; height:60px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li .ny_n_time{ width:100%; margin:0 auto; border-top:#eee 1px solid; text-align:center; font-size:14px; color:#767676; line-height:20px; padding:8px 0;}

.news_xqing{ width:94%; margin:0 auto; overflow:hidden;}
.news_show{ float:left; width:72%;}
.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0; border-bottom:#eee 1px solid;}
.news_bt p{ font-size:14px; color:#666;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.news_js table{ width:100% !important; border:#ccc 1px solid;}
.news_js table td{ border:#ccc 1px solid; padding:1% 2%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#eee 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#1a954c; text-decoration:none;}
.news_biaoqian{ float:right; width:24%;}
.news_bq_name{ font-size:22px; color:#333; line-height:42px; border-bottom:#eee 1px solid;}
.n_biaoqian{ width:100%; margin:20px auto; overflow:hidden;}
.n_biaoqian a{ float:left; width:32%; margin:0 2% 2% 0; background:#f2f2f2; display:block; text-align:center; line-height:30px; transition:all .5s;}
.n_biaoqian a:nth-child(3n){ margin:0 0 2% 0;}
.n_biaoqian a:hover{ color:#fff; text-decoration:none; background:#1a954c;}
.news_ts{ width:100%; margin:20px auto 0 auto;}
.news_ts .item-box{ position:relative; display:block; margin:0 0 8px 0;}
.news_ts .item-box .img{ overflow:hidden;}
.news_ts .item-box .img img{ width:100%; transition:.4s;}
.news_ts .item-box .text{ position:absolute; width:92%; left:0; bottom:0; padding:2% 4%; z-index:3; color:#fff;}
.news_ts .item-box .text h2{ margin-bottom:4px;}
.news_ts .item-box .filter{ position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5)); transition:.4s;}
.news_ts .item-box:hover .img img{ transition:.4s; transform:scale(1.1);}
.news_ts .item-box:hover .filter{ height:100%; transition:.4s;}

/*contact_us*/
.contact_us{ width:94%; margin:0 auto; overflow:hidden;}
.contact{ width:42%; float:right; font-size:16px; color:#666; line-height:30px;}
.messages_box{ width:54%; float:left;}
.messages_box ul{ overflow:hidden;}
.messages_box ul li{ float:left; width:48%; margin:0 4% 2.5% 0;}
.messages_box ul li:nth-child(2n){ margin:0 0 2.5% 0;}
.messages_box ul li:last-child{ margin:0;}
.messages_box ul li.ctttttp{ width:100%; float:none;}
.messages_box .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:14px; color:#666; line-height:26px; background:#f2f2f2;}
.messages_box .cont-input{ width:98%; padding:12px 0 12px 2%; height:156px; border:none; font-size:14px; color:#666; line-height:26px; cue-after:none; background:#f2f2f2;}
.messages_box .messages-button{ width:156px; line-height:48px; font-size:14px; color:#fff; text-align:center; background:#1a954c; cursor:pointer; text-transform:uppercase;}
.contact_size{ width:94%; margin:36px auto 0 auto; overflow:hidden;}
.contact_size iframe{ width:100%; height:488px; padding:0; margin:0; float:left;}