@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,iframe{ margin:0; padding:0;}
body{ color:#525252; font-size:12px; font-family:Microsoft Yahei,Arial,"sans-serif";}
section,article,aside,header,footer,nav,dialog,figure,iframe{ 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{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei,Arial,"sans-serif"; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
.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:#525252; text-decoration:none;}
a:hover{ color:#0d99da; text-decoration:none;}
.width_all{ width:996px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top .logo{ width:401px; float:left; margin:24px 0;}
.head_top .logo img{ width:100%;}
.head_top .cnen{ float:right; margin:24px 0 0 0;}
.head_top .cnen ul{ overflow:hidden;}
.head_top .cnen ul li{ float:left; margin:0 29px 0 0; position:relative; font-size:12px; line-height:22px;}
.head_top .cnen ul li:last-child{ margin:0;}
.head_top .cnen ul li:after{ position:absolute; top:5px; right:-14px; content:""; background:#666; width:1px; height:12px;}
.head_top .cnen ul li a{ color:#525252;}
.head_top .cnen ul li a:hover{ color:#0d99da;}

.search_pc{ float:right; width:155px; height:24px; background:url(../images/search.jpg) left top no-repeat; margin:10px 0;}
.search_pc .search{ float:left; padding:0 0 0 12px; width:121px; font-size:12px; line-height:24px; border:0; color:#525252; background:none; outline:none;}
.search_pc .button{ float:right; border:0; width:22px; height:24px; background:none; cursor:pointer; outline:none;}

/*nav*/
.header{ width:100%; margin:0 auto; background:#4ad22a;}
.nav{ float:left; width:74%; font-size:0;}
.nav .m{ position:relative; display:inline-block; z-index:10; width:13.5%;}
.nav .m:nth-child(2n){ width:17.3%;}
.nav .m:nth-child(3n){ width:17.3%;}
.nav .m:nth-child(4n){ width:17.3%;}
.nav .m:nth-child(5n){ width:17.3%;}
.nav .m:nth-child(6n){ width:17.3%;}
.nav .m:after{ content:""; width:0; height:1px; background:#eee; position:absolute; bottom:0; left:0; transition:all .5s ease 0s;}
.nav .m:hover:after{ width:100%;}
.nav a{ display:block; font-size:14px; color:#fff; line-height:44px; font-weight:bold; text-align:center;}
.nav li:hover a,.nav li a.hover_h{ text-decoration:none; background:#006633;}
.nav .sub{ width:128px; position:absolute; left:0; top:44px; box-shadow:0px 1px 2px rgba(102,102,102,0.3);}
.nav .sub li{ border-bottom:#eee 1px solid;}
.nav .sub li a{ background:#fff; color:#006633; display:block; font-size:12px; line-height:20px; padding:8px 0 8px 12px; text-align:left; font-weight:normal;}
.nav .sub li a:hover{ background:#eee;}

/*banner*/
.banner{ width:100%; margin:5px auto 3px auto; overflow:hidden; background:linear-gradient(#a5dde0, #ffffff);}
.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:#333;}
.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%;}

/*news*/
.news{ width:100%; margin:0 auto; background:#eeeeef; border-bottom:#d1d1d1 1px solid;}
.news .news_left{ float:left; width:50%; margin:0 0 1px 0;}
.news .news_left dl{ overflow:hidden;}
.news .news_left dl dd{ font-size:14px; color:#fff; float:left; width:12%; font-weight:bold; line-height:35px; text-align:center; background:#18d1d0;}
.news .news_left dl dt{ float:right; width:82%; margin:0 3%; font-size:12px; line-height:35px;}
.news .news_left dl dt a{ color:#18d1d0; height:35px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .news_left dl dt a:hover{ color:#333;}
.news .news_right{ float:right; width:50%; margin:0 0 1px 0;}
.news .news_right dl{ overflow:hidden;}
.news .news_right dl dd{ font-size:14px; color:#fff; float:left; width:12%; font-weight:bold; line-height:35px; text-align:center; background:#18d1d0;}
.news .news_right dl dt{ float:right; width:82%; margin:0 3%; font-size:12px; line-height:35px;}
.news .news_right dl dt a{ color:#18d1d0; height:35px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news .news_right dl dt a:hover{ color:#333;}

/*home_content*/
.home_content{ margin:24px auto;}
.product_category{ float:left; width:34.2%;}
.product_c_name{ font-size:14px; color:#fff; line-height:23px; font-weight:bold; background:url(../images/name_bg.jpg) left center no-repeat; text-indent:1em;}
.product_c_width{ border:#f2f2f2 1px solid; margin:5px 0 0 0;}
.product_c_width ul{ width:96%; margin:0 auto; overflow:hidden;}
.product_c_width ul li{ border-bottom:#acacac 1px dotted; font-size:14px; color:#0d99da; line-height:31px;}
.product_c_width ul li:last-child{ border-bottom:none;}
.product_c_width ul li a{ color:#0d99da; height:31px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product_c_width ul li a:hover{ color:#333;}

.special{ float:left; width:30.6%; margin:28px 0.5% 0 0.5%;}
.indus_news{ border:#f2f2f2 1px solid; margin:0 0 5px 0;}
.indus_news ul{ width:96%; margin:0 auto; overflow:hidden;}
.indus_news ul li{ border-bottom:#acacac 1px dotted; font-size:12px; line-height:31px;}
.indus_news ul li:last-child{ border-bottom:none;}
.indus_news ul li span{ margin:0 10px 0 0; color:#666;}
.indus_news ul li a{ color:#525252; height:31px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.indus_news ul li a:hover{ color:#333;}
.home_ewm{ border:#f2f2f2 1px solid; text-align:center; padding:5px;}
.home_ewm img{ max-width:100%;}

.services{ float:right; width:34.2%;}
.service_name{ font-size:14px; color:#fff; line-height:23px; font-weight:bold; background:url(../images/name_bg.jpg) left center no-repeat; text-indent:1em;}
.service_width{ border:#f2f2f2 1px solid; margin:5px 0 0 0;}
.service_width dl{ width:96%; margin:0 auto; border-bottom:#acacac 1px dotted; overflow:hidden; padding:6px 0;}
.service_width dl:last-child{ border-bottom:none;}
.service_width dl dd{ float:left; width:14%; border:#f2f2f2 1px solid;}
.service_width dl dd img{ width:100%;}
.service_width dl dt{ float:right; width:80%; font-size:12px; color:#525252; line-height:17px;}

/*produce*/
.produce{ margin:24px auto;}
.produce .produce_name{ font-size:14px; color:#fff; line-height:23px; font-weight:bold; background:url(../images/name_bg.jpg) left center no-repeat; text-indent:1em;}
#produce_width{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
#produce_width #in_produce_width{ float:left; width:1000%;}
#produce_width #in_produce_width #produce_width1{ float:left;}
#produce_width #in_produce_width #produce_width2{ float:left;}
#produce_width ul{ overflow:hidden;} 
#produce_width ul li{ float:left; width:184px; margin:0 10px 0 0;}
#produce_width ul li img{ width:100%;}
#produce_width ul li em{ font-size:12px; line-height:22px; text-align:center; display:block;}
#produce_width ul li a{ color:#525252;}
#produce_width ul li a:hover{ color:#333;}

/*links*/
.links{ margin:24px auto;}
.link{ border:#d6d6d6 1px solid;}
.link .link_name{ width:97.5%; margin:8px auto; font-size:14px; color:#000; line-height:25px; font-weight:bold;}
.link .link_width{ width:97.5%; margin:8px auto 14px auto;}
.link .link_width ul{ overflow:hidden;}
.link .link_width ul li{ float:left; font-size:12px; color:#525252; line-height:22px; margin:0 18px 0 0;}
.link .link_width ul li a{ color:#525252;}
.link .link_width ul li a:hover{ color:#333;}

/*footer*/
.footer_nav{ width:100%; background:#eeefef; margin:0 auto; overflow:hidden; text-align:right; padding:8px 0; font-size:12px; color:#525252; line-height:22px;}
.footer_nav a{ font-size:12px; color:#525252; line-height:22px;}
.footer_nav a:hover{ color:#333;}
.footer_nav span{ margin:0 10px;}
.footer{ margin:18px auto;}
.footer .footer_left{ float:left; width:280px;}
.footer .footer_left img{ width:100%;}
.footer .footer_center{ float:left; font-size:12px; color:#000; line-height:22px; margin:0 0 0 4%;}
.footer .footer_right{ float:right;}

/*ny_banner*/
.ny_banner{ width:100%; margin:5px auto 0 auto; height:201px; overflow:hidden; background:url(../images/ny_banner1.jpg) center no-repeat;}

/*content*/
.content{ width:100%; margin:0 auto; overflow:hidden; background:linear-gradient(#eeffee, #ffffff);}
.content_width{ margin:15px auto 22px auto;}
.content_left{ float:left; width:12%;}
.content_daoh{ margin:0 auto 16px auto; border-top:1px solid #4fd330; border-left:1px solid #4fd330; border-right:1px solid #4fd330; border-image:-webkit-linear-gradient(#4fd330, #fff) 1 1; border-image:-moz-linear-gradient(#4fd330, #fff) 1 1; border-image:-o-linear-gradient(#4fd330, #fff) 1 1; border-image:linear-gradient(#4fd330, #fff) 1 1;}
.content_daoh .contact_l_zt{ font-size:16px; color:#333; line-height:44px; text-align:center; font-weight:bold;}
.content_daoh .contact_l_nav{ width:94%; margin:0 auto;}
.content_daoh .contact_l_nav ul{ overflow:hidden;}
.content_daoh .contact_l_nav ul li{ line-height:26px; margin:0 0 5px 0;}
.content_daoh .contact_l_nav ul li a span{ float:left; font-family:宋体; font-weight:bold; color:#ccc; width:8px; margin:0 4px 0 0;}
.content_daoh .contact_l_nav ul li:hover a span, .content_daoh .contact_l_nav ul li .hovt span{ background:#5dc31f; color:#fff;}
.content_daoh .contact_l_nav ul li a{ font-size:12px; display:block; color:#525252; border-bottom:rgba(255,255,255,0.00000000000001) 1px solid;}
.content_daoh .contact_l_nav ul li:hover a, .content_daoh .contact_l_nav ul li .hovt{ background:#eeeeef; border-bottom:#5dc31f 1px solid; color:#5dc31f;}
.content_daoh .web_menu{ width:94%; margin:0 auto;}
.content_daoh .web_menu ul{ overflow:hidden;}
.content_daoh .web_menu ul li{ border:#ccc 1px solid; margin:16px 0 0 0; padding:3px;}
.content_daoh .web_menu ul li a{ display:block; text-align:center; background:#18d1d0; padding:14px 0;}
.content_daoh .web_menu ul li:nth-child(2) a{ background:#1aad57;}
.shengchan{ border:#4fd330 1px solid;}
.shengchan .shengchan_name{ font-size:12px; color:#333; line-height:28px; text-align:center; font-weight:bold;}
.shengchan #demo{ width:88%; margin:0 auto 6px auto; height:188px; overflow:hidden;}
.shengchan #demo ul{ overflow:hidden;}
.shengchan #demo ul li{ margin:0 0 6px 0;}
.shengchan #demo ul li img{ width:100%;}
.shengchan #demo ul li em{ font-size:12px; line-height:22px; text-align:center; display:block;}
.shengchan #demo ul li a{ color:#525252;}
.shengchan #demo ul li a:hover{ color:#333;}
.content_right{ float:right; width:85.2%; border-top:1px solid #4fd330; border-left:1px solid #4fd330; border-right:1px solid #4fd330; border-image:-webkit-linear-gradient(#4fd330, #fff) 1 1; border-image:-moz-linear-gradient(#4fd330, #fff) 1 1; border-image:-o-linear-gradient(#4fd330, #fff) 1 1; border-image:linear-gradient(#4fd330, #fff) 1 1;}
.content_right .lujing{ margin:0 0 28px 0; font-size:12px; line-height:22px; color:#5dc31f; padding:8px 0 8px 2%; border-bottom:#ccc 1px solid;}
.content_right .lujing a{ color:#5dc31f;}
.content_right .lujing a:hover{ color:#333;}

/*company*/
.company{ width:96%; margin:0 auto; font-size:12px; line-height:22px; color:#525252;}
.company img{ max-width:100%;}

/*products*/
.products{ width:93%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31.7%; margin:0 2.45% 2.45% 0;}
.products ul li:nth-child(3n){ margin:0 0 2.45% 0;}
.products ul li .products_img{ width:100%; margin:0 auto; overflow:hidden;}
.products ul li .products_img img{ width:100%;}
.products ul li .products_name{ width:100%; margin:6px auto 8px auto; overflow:hidden; font-size:12px; color:#000; font-weight:bold; line-height:22px; text-align:center; height:22px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li .products_profiles{ width:100%; margin:0 auto; font-size:12px; line-height:22px; height:88px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.product_text{ width:95.46%; margin:0 auto;}
.product_text_i{ width:100%; margin:0 auto 28px auto; overflow:hidden;}
.product_text_i img{ width:100%;}
.product_text_show{ width:100%; margin:0 auto; overflow:hidden; font-size:12px; line-height:22px; color:#525252;}
.product_text_show img{ max-width:100%;}
.product_text_show table{ width:100%; border-collapse:collapse; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.product_text_show table td{ border-right:1px solid #ccc; border-top:1px solid #ccc; text-align:center; padding:4px 0;}

/*news*/
.ny_news{ width:96%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ font-size:12px; line-height:22px; margin:0 0 18px 0;}
.ny_news ul li span{ float:left; color:#767676; margin:0 14px 0 0;}
.ny_news ul li a{ color:#525252;}
.ny_news ul li a:hover{ color:#333;}
.ny_n_name{ font-size:16px; text-align:center; color:#333; line-height:26px; margin:0 0 6px 0;}
.ny_n_time{ border:#efefef 1px dotted; font-size:12px; color:#888; text-align:center; line-height:22px; padding:8px 0; border-left:none; border-right:none;}
.ny_n_neirong{ width:96%; margin:22px auto 0 auto; overflow:hidden; font-size:12px; color:#525252; line-height:22px;}
.ny_n_neirong img{ max-width:100%;}

/*support_content*/
.support_content{ width:100%; margin:5px auto 0 auto; overflow:hidden; background:linear-gradient(#eeffee, #ffffff);}
.support_width{ margin:68px auto;}
.support{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.supp_left{ float:left; margin:36px 0 0 0; width:42.8%; background:linear-gradient(#bdfecc, #ffffff);}
.supp_left .supp_l_name{ font-size:22px; color:#106a5a; font-weight:bold; line-height:32px; text-align:center; margin:22px auto;}
.supp_left .supp_l_rexian{ font-size:20px; color:#106a5a; line-height:42px; text-align:center; font-family:Arial;}
.supp_left .supp_l_rexian span{ font-size:42px; margin:0 0 0 6px; font-weight:bold;}
.supp_left .supp_l_quanguo{ font-size:16px; color:#106a5a; line-height:30px; text-align:center;}
.supp_left .supp_l_quanguo span{ display:block; font-size:28px;}
.supp_left .supp_l_wenzi{ margin:20px 0 0 0; font-size:12px; color:#106a5a; line-height:18px; text-align:center;}
.supp_right{ float:right; width:55%;}
.supp_right .supp_r_name{ font-size:16px; font-weight:bold; color:#0090d7; line-height:28px; margin:0 0 8px 0;}
.messages_box{ width:100%; margin:0 auto;}
.messages_box ul{ overflow:hidden;}
.messages_box ul li{ float:left; width:49%; margin:0 2% 2% 0;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 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:5px 0 5px 4%; font-size:12px; color:#666; line-height:26px; background:#9ee98d;}
.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:#9ee98d;}
.messages_box .messages-button{ float:right; width:118px; line-height:34px; font-size:14px; color:#fff; text-align:center; background:#00633c; cursor:pointer; text-transform:uppercase;}
.messages_box .messages-button img{ width:16px; height:16px; margin:9px 5px 0 0;}
.linian{ width:100%; margin:0 auto; overflow:hidden;}
.linian dl{ margin:0 0 36px 0;}
.linian dl dd{ margin:0 0 14px 0; position:relative; overflow:hidden;}
.linian dl dd:after{ position:absolute; left:0; bottom:0; width:100%; height:2px; content:""; background:#eeeeef; z-index:1;}
.linian dl dd span{ display:inline-block; width:125px; color:#00a2e9; font-size:14px; line-height:30px; font-weight:bold; border-bottom:#00a2e9 2px solid; text-align:center; z-index:2; position:relative;}
.linian dl dd span:after{ content:""; position:absolute; width:0; height:0; bottom:0; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #00a2e9;}
.linian dl dt{ font-size:12px; color:#666; line-height:22px;}

/*contact*/
.contact{ width:96%; margin:0 auto; font-size:12px; line-height:22px; color:#525252;}
.contact p{ padding:0 0 0 12px;}

.join_us{ width:96%; margin:0 auto 22px auto;}
.join_us ul{ background:#4fd330; overflow:hidden; border-bottom:#eee 1px solid;}
.join_us ul li{ line-height:20px; margin:2px 0; overflow:hidden;}
.join_us ul li span{ font-size:14px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#eee 1px solid;}
.join_us dl dt{ overflow:hidden;}
.join_us span{ float:left; width:20%; text-align:center; font-size:12px; color:#525252; line-height:22px; padding:6px 0;}
.join_us span a{ color:#4fd330; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:12px; color:#525252; line-height:22px;}
.join_us dl dd em{ display:block; color:#4fd330; font-size:14px; line-height:25px; margin:0 0 10px 0;}
.join_fuli{ width:96%; margin:0 auto; overflow:hidden; font-size:12px; color:#525252; line-height:22px;}
.join_fuli em{ font-size:14px; color:#333; font-weight:bold; line-height:25px; display:block; margin:0 0 4px 0;}

@media screen and (max-width:1024px) {

	.header{ width:996px;}
	.banner{ width:996px;}
	.news{ width:996px;}
	.footer_nav{ width:996px;}
	.ny_banner{ width:996px;}
	.content{ width:996px;}
	.support_content{ width:996px;}

}