﻿@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: #2aa56f; font-size:14px; font-family:"微软雅黑"; min-width:1200px;}



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% 微软雅黑; 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: #2aa56f; text-decoration:none;}



a:hover{ color:blue; text-decoration:underline;}



.fl{ float:left;}



.fr{ float:right;}



.width_all{ width:1180px; margin:0 auto;}



.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}







/*head_top*/



.head_top{ margin:20px auto;}



.width_all h1{ float:left; width:134px;}



.width_all h1 img{ width:100%;}



.guanggao{ font-size:24px; float:left; color:#2aa56f; line-height:24px; margin:15px 0 0 16px;}



.guanggao span{ display:block; font-size:22px; color:#333; font-weight:bold; margin:0 0 10px 0;}



.cnen{ float:right; margin:16px 0 0 0;}



.cnen ul{ overflow:hidden;}



.cnen ul li{ float:left; margin:0 0 0 15px;}



/*分页样式*/



.pagination {}



.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}



.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}



.pagination li a {display: block;text-align: center;}







/*nav*/



.movefix{ position:fixed; width:100%; left:0; z-index:9999; box-shadow:0 1px 3px #ccc;}



.header{ width:100%; background:#2aa56f; z-index:999;}



.nav{ font-size:0px;}



.nav .m{ position:relative; width:12.5%; display:inline-block; z-index:10;}



.nav li a{ display:block; font-size:18px; color:#fff; text-align:center; font-weight:bold; line-height:50px; border:#2aa56f 2px solid; border-left:none; border-right:none;}



.nav li:hover a, .nav li a.hort{ text-decoration:none; background:#f0ba33;}



.nav .sub{ width:228px; position:absolute; left:0; top:52px; background:#f0ba33;}



.nav .sub li{ text-align:left;}



.nav .sub li a{ color:#fff; display:block; font-size:15px; line-height:26px; padding:8px 0 8px 12px; text-align:left; border-bottom:#2aa56f 1px solid; border-top:none;}



.nav .sub li a:hover{ text-decoration:none; background:#2aa56f;}







/*banner*/



#mainVisual{ position:relative; z-index:1; width:1180px; height:360px; margin:10px auto;}



.content3{ position:relative}



.content3 font{ position:absolute; top:60px; left:0; background:rgba(42, 165, 111, 0.7); padding:12px 20px; width:52%; font-size:20px; line-height:28px; color:#fff;}



.content3 font a{ font-size:16px; color:#fff; text-decoration:underline; display:block; margin:6px 0 0 0;}



.content3 font a:hover{ color:#fff; text-decoration:none;}



.nav-prev{ position:absolute; width:15px; height:15px; left:10px; bottom:10px; border:none; background:url(../images/pre_next.gif) left top no-repeat; color:#fff; text-align:center; line-height:15px;}



.nav-prev:hover, .nav-next:hover{ background:url(../images/pre_next.gif) -15px top no-repeat; text-decoration:none; color:#fff;}



.nav-next{ position:absolute; width:15px; height:15px; left:35px; bottom:10px; border:none; background:url(../images/pre_next.gif) left top no-repeat; color:#fff; text-align:center; line-height:15px;}







/*revolve*/



.revolve{ margin:32px auto;}



.revolve ul{ overflow:hidden;}



.revolve ul li{ width:31.5%; float:left; margin:0 2.7% 0 0;}



.revolve ul li:last-child{ margin:0;}



.revolve ul li.re1{ background:#2aa56f;}



.revolve ul li.re2{ background:#f0ba33;}



.revolve ul li.re3{ background:#da6456;}



.revolve ul li a{ padding:26px 0; display:block; color:#fff;}



.revolve ul li a:hover{ text-decoration:none;}



.revolve ul li span{ width:138px; margin:0 auto; display:block;}



.revolve ul li span img{ width:100%;}



.revolve ul li font{ display:block; font-size:24px; color:#fff; text-align:center; line-height:30px; margin:12px 0 0 0;}







/*business*/



.business{ width:100%; background:#f5f5f5; margin:32px auto; overflow:hidden; padding:24px 0 16px 0;}



.bus_name{ width:306px; margin:0 auto 20px auto; overflow:hidden;}



.bus_name p{ font-size:30px; color:#2aa56f; text-align:center; line-height:36px; font-weight:bold; margin:0 0 12px 0;}



.bus_name p.m1{ position:relative; border-bottom:#e3e3e3 1px solid; height:6px; font-size:12px; line-height:13px; font-weight:normal; margin:0 0 6px 0;}



.bus_name a{ position:absolute; left:50%; width:76px; background:#f5f5f5; margin:0 0 0 -40px; text-transform:uppercase; color:#666;}



.bus_name a:hover{ text-decoration:none; color:#2aa56f;}



.business ul{ overflow:hidden;}



.business ul li{ float:left; width:23.5%; margin:0 1.5% 1.5% 0;}



.business ul li:nth-child(4n){ margin:0 0 1.5% 0;}



.business ul li a{ background:#2aa56f; width:100%; display:block; font-size:16px; color:#fff; line-height:24px; text-align:center; padding:13px 0; border-radius:25px; transition:all .3s;}



.business ul li a:hover{ text-decoration:none; background:#f0ba33;}







/*jiance*/



.jiance{ margin:32px auto;}



.jc_name{ width:306px; margin:0 auto 20px auto; overflow:hidden;}



.jc_name p{ font-size:30px; color:#2aa56f; text-align:center; line-height:36px; font-weight:bold; margin:0 0 12px 0;}



.jc_name p.m1{ position:relative; border-bottom:#e3e3e3 1px solid; height:6px; font-size:12px; line-height:13px; font-weight:normal; margin:0 0 6px 0;}



.jc_name a{ position:absolute; left:50%; width:76px; background:#fff; margin:0 0 0 -40px; text-transform:uppercase; color:#666;}



.jc_name a:hover{ text-decoration:none; color:#2aa56f;}



.jc_lc{ width:100%; margin:0 auto; overflow:hidden;}



.jc_lc dl{ float:left; width:22.9%; margin:0 2.8% 0 0; position:relative;}



.jc_lc dl:last-child{ margin:0;}



.jc_lc dl dd{ position:absolute; left:0; right:0; width:45px; background:#2aa56f; font-size:30px; color:#fff; line-height:45px; text-align:center; font-weight:bold;}



.jc_lc dl dt{ background:#fafafa; margin:6px 0 0 6px; text-align:center;}



.jc_lc dl dt a{ padding:36px; font-size:16px; color:#333; line-height:22px; display:block;}



.jc_lc dl dt a:hover{ text-decoration:none; color:#2aa56f;}







/*honor*/



.honor{ width:100%; background:url(../images/honorbg.jpg); margin:32px auto; overflow:hidden; padding:24px 0;}



.honor_name{ width:306px; margin:0 auto 20px auto; overflow:hidden;}



.honor_name p{ font-size:30px; color:#2aa56f; text-align:center; line-height:36px; font-weight:bold; margin:0 0 12px 0;}



.honor_name p.m1{ position:relative; border-bottom:#e3e3e3 1px solid; height:6px; font-size:12px; line-height:13px; font-weight:normal; margin:0 0 6px 0;}



.honor_name a{ position:absolute; left:50%; width:76px; background:url(../images/honorbg.jpg); margin:0 0 0 -40px; text-transform:uppercase; color:#666;}



.honor_name a:hover{ text-decoration:none; color:#2aa56f;}



.honor ul{ overflow:hidden;}



.honor ul li{ float:left; width:22.9%; margin:0 2.8% 0 0;}



.honor ul li:last-child{ margin:0;}



.honor ul li img{ width:100%;}



.honor ul li em{ display:block; font-size:16px; text-align:center; line-height:28px; margin:6px 0 0 0;}







/*news*/



.news{ margin:32px auto;}



.news_name{ width:306px; margin:0 auto 20px auto; overflow:hidden;}



.news_name p{ font-size:30px; color:#2aa56f; text-align:center; line-height:36px; font-weight:bold; margin:0 0 12px 0;}



.news_name p.m1{ position:relative; border-bottom:#e3e3e3 1px solid; height:6px; font-size:12px; line-height:13px; font-weight:normal; margin:0 0 6px 0;}



.news_name a{ position:absolute; left:50%; width:76px; background:#fff; margin:0 0 0 -40px; text-transform:uppercase; color:#666;}



.news_name a:hover{ text-decoration:none; color:#2aa56f;}



.news ul li{ float:left; width:27%; padding:2%; margin:0 3.5% 0 0; transition:all .6s; border-bottom:#fff 2px solid; cursor:pointer;}



.news ul li:last-child{ margin:0;}



.news ul li:hover{ box-shadow:0 0 6px #ccc; border-bottom:#2aa56f 2px solid;}



.news ul li img{ width:100%;}



.news ul li p{ font-size:14px; color:#666; line-height:22px; height:135px;}



.news ul li p.ns_js{ font-size:16px; color:#333; line-height:22px; height:45px; margin:14px 0 8px 0;}



.news ul li dl{ width:100%; margin:18px auto 0 auto; overflow:hidden;}



.news ul li dl dd{ float:left;}



.news ul li dl dd big{ font-size:24px; color:#999; display:block; line-height:24px;}



.news ul li dl dd small{ display:block; font-size:12px; color:#999; line-height:18px;}



.news ul li dl dt{ float:right; width:65px;}



.news ul li dl dt a{ font-size:12px; color:#fff; line-height:22px; background:#2aa56f; border-radius:11px; text-align:center; display:block; padding:0 0 0 6px;}



.news ul li dl dt a:hover{ text-decoration:none; background:#f0ba33;}



.news ul li dl dt i{ width:11px; height:10px; background:url(../images/more_jt.png); float:right; margin:7px 8px 0 0;}







/*footer*/



.footer{ width:100%; background:#2aa56f; overflow:hidden;}



.client{ margin:34px auto;}



.client .cli_name{ font-size:18px; color:#fff; line-height:24px; margin:0 0 16px 0;}



.client ul{ overflow:hidden;}



.client ul li{ float:left; width:11.1%; margin:0 1.6% 0 0;}



.client ul li:last-child{ margin:0;}



.client ul li img{ width:100%;}



.f_icp{ border-top:#fff 1px solid; font-size:14px; color:#fff; line-height:24px; text-align:center; padding:16px 0;}



.f_icp a{ color:#fff;}


.table-scrollable table{border: 1px solid #000;}











/*ny_banner*/



.ny_banner{ margin:10px auto;}







/*content*/



.ny_content{ margin:32px auto;}



.ny_content .con_left{ float:left; width:21%;}



.ny_content .con_left .l_name{ background:#dbdddc; border-left:#2aa56f 3px solid; line-height:32px; font-size:18px; color:#333; font-weight:bold; padding:5px 0 5px 10px;}



.ny_content .con_left ul{ padding:3px 0 3px 3px;}



.ny_content .con_left ul li{ border-bottom:#ccc 1px solid; padding:2px 0;}



.ny_content .con_left ul li a{ font-size:14px; color:#525252; line-height:32px; display:block; padding:0 0 0 10px;}



.ny_content .con_left ul li a:hover, .ny_content .con_left ul li a.hrtt{ background:#eee; color:#2aa56f; text-decoration:none;}



.ny_content .con_left .c1{ margin:10px 0 0 0;}



.ny_content .con_left .l_cont{ font-size:14px; color:#666; line-height:25px; padding:12px 0 0 3px;}







.ny_content .con_right{ width:74%; float:right; border-left:#ccc 1px solid; padding:0 0 0 2.5%;}



.ny_content .con_right .right_name{ border-bottom:#ccc 1px solid; margin:0 0 26px 0; font-size:18px; color:#333; line-height:41px; font-weight:bold;}



.ny_content .con_right .right_name i{ width:3px; height:19px; background:#2aa56f; float:left; margin:11px 12px 0 0;}







/*company*/



.proflies{ font-size:14px; color:#666; line-height:25px;}



.proflies img{ max-width:100%;}







.ny_honor{ width:100%; margin:0 auto; overflow:hidden;}



.ny_honor ul{ overflow:hidden;}



.ny_honor ul li{ width:31.6%; float:left; margin:0 2.6% 2.6% 0; position:relative;}



.ny_honor ul li:nth-child(3n){ margin:0 0 2.6% 0;}



.ny_honor ul li img{ width:100%;}



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



.ny_honor ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}



.ny_honor ul li a:hover{ text-decoration:none; color:#2aa56f;}



.ny_honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}



.ny_honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}



.ny_honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}



.ny_honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}



.ny_honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}



.ny_honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}



.ny_honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}



.ny_honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}







.clientele{ width:100%; margin:0 auto; overflow:hidden;}



.clientele ul{ overflow:hidden;}



.clientele ul li{ float:left; width:17.6%; margin:0 3% 3% 0; background:#fff; position:relative;}



.clientele ul li:nth-child(5n){ margin:0 0 3% 0;}



.clientele ul li a{ display:block; border:#ccc 1px solid; padding:5px;}



.clientele ul li img{ width:100%;}



.clientele ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}



.clientele ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}



.clientele ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}



.clientele ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}



.clientele ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}



.clientele ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}



.clientele ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#2aa56f; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}



.clientele ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}







/*ny_news*/



.ny_news{ width:100%; margin:0 auto; overflow:hidden;}



.ny_news ul{ overflow:hidden;}



.ny_news ul li{ margin:0 0 22px 0; position:relative; overflow:hidden;}



.ny_news ul li .news_fl{ width:28%; float:left;}



.ny_news ul li .news_fl img{ width:100%;}



.ny_news ul li .news_fr{ width:67%; float:right; margin:0 2% 0 3%;}



.ny_news ul li h4{ font-size:15px; line-height:25px; color:#333; font-weight:bold; margin:10px 0 2px 0;}



.ny_news ul li span{ font-size:12px; color:#2aa56f; line-height:18px; margin:2px 0; display:block;}



.ny_news ul li em{ font-size:14px; line-height:22px; color:#666; margin:6px 0 10px 0; display:block;}



.ny_news ul li a{ display:block; border:#d9d9d9 1px solid; overflow:hidden;}



.ny_news ul li a:hover{ text-decoration:none;}



.ny_news ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#2aa56f; position:absolute; top:0; left:0;}



.ny_news ul li:hover::before{ width:100%; visibility:visible; z-index:2;}



.ny_news ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.8s; background:#2aa56f; position:absolute; bottom:0; right:0;}



.ny_news ul li:hover::after{ width:100%; visibility:visible; z-index:2;}



.ny_news ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#2aa56f; position:absolute; bottom:0; right:0;}



.ny_news ul li:hover i:before{ height:100%; visibility:visible; z-index:2;}



.ny_news ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.8s; background:#2aa56f; position:absolute; top:0; left:0;}        



.ny_news ul li:hover i:after{ height:100%; visibility:visible; z-index:2;}







.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}



.news_name_n strong{ font-size:16px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}



.news_name_n span{ color:#999; font-size:12px; line-height:20px;}



.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}



.news_xq img{ max-width:100%;}



.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}



.p_next p{ display:block; padding:0 2%;}



.p_next a{ font-size:14px; line-height:30px; color:#525252;}



.p_next a:hover{ color:#2aa56f;}