/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1200px; margin:0 auto; position:relative;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header-top{ background:#f1f1f1; height:40px; line-height:40px;}
.header-top .jm{ font-size:14px; color:#282828; float:left;  margin-left: 204px;}
.header-top .jm a{ display:inline-block; margin-left:10px;}
.header-top .jm a:hover{ color:#196a59; text-decoration:underline;}
.header-top .wc{ float:left; font-size:14px; color:#676767;}
.header-top .ll{ float:right; font-size:14px; color:#676767;}
.header-top .ll span{ color:#f00; font-size:15px; font-weight: bold; }

.header{ height:120px; overflow:hidden;}
.header .logo{ padding:15px 8px; position:relative; float:left;}
.header .logo .logo-text{ position:absolute; top:78px; left:70px;}
.header .wx{ float:left; width:175px; padding: 12px 30px; position:relative; margin:0 80px;}
.header .wx .img{ float:left; border:1px solid #aaa; margin:0 5px;}
.header .wx .text{ position:absolute; bottom: -8px; left: 50%; margin-left: -72px;}
.header .wx::before{ content:""; display:inline-block; width:29px; height:15px; background:url(../images/icon1.png) no-repeat center; position:absolute; left:0; top: 44px;}
.header .wx::after{ content:""; display:inline-block; width:29px; height:15px; background:url(../images/icon2.png) no-repeat center; position:absolute; right:0; top: 44px;}

.header .search{ float:right; padding:24px 20px 20px;}
.header .search .tel{ color:#196a59; font-size:20px; font-weight:bold; background:url(../images/header-tel.png) no-repeat center left; padding-left:26px;}
.header .search .box{ margin-top:10px;}
.header .search .box input[type="text"]{ height:36px; border:2px solid #196a59; padding:0 16px; float:left; width:190px;}
.header .search .box input[type="submit"]{ height:40px; width:78px; background:url(../images/search-icon.png) no-repeat center #196a59; border:none; cursor:pointer;}

.nav{ height:50px; line-height:50px; background:#196a59;}
.nav li{ float:left; position: relative;}
.nav li a{ display:inline-block; width:150px; height:50px; text-align:center; color:#fff;}
.nav li:hover a, .nav li.on a{ background:#fff; color:#000;}
.nav li dl{ position:absolute; width:100%; top:60px; left:0; z-index:9999;visibility: hidden; opacity:0; transition: all 0.2s linear 0s; box-shadow: 0 5px 5px rgba(25,25,25,.35);}
.nav li:hover dl{ top:50px; opacity:1; visibility: visible;}
.nav li dl dd:hover a{ background:#196a59; color:#fff;}

.banner{ height:500px; position:relative; z-index:0;}
.banner .bd li{ height:500px;}
.banner .hd a{ position:absolute; display:inline-block; width:45px; height:60px; top:50%; margin-top:-30px; cursor:pointer; transition: all 0.3s linear 0s;}
.banner .hd a.prev{ background:url(../images/banner-btn-prev.png) no-repeat center; left:30px;}
.banner .hd a.next{ background:url(../images/banner-btn-next.png) no-repeat center; right:30px;}

.banner:hover .hd a.prev{ background:url(../images/banner-btn-prev.png) no-repeat center rgba(0,0,0,.2);}
.banner:hover .hd a.next{ background:url(../images/banner-btn-next.png) no-repeat center rgba(0,0,0,.2);}
.banner .hd a.prev:hover{ background:url(../images/banner-btn-prev.png) no-repeat center rgba(0,0,0,.6);}
.banner .hd a.next:hover{ background:url(../images/banner-btn-next.png) no-repeat center rgba(0,0,0,.6);}

.index-title{ text-align:center; background:url(../images/title-bg.png) no-repeat center;}
.index-title .cn{ font-size:18px; color:#196a59; font-weight:bold;}
.index-title .en{ font-size:14px; color:#7b7b7b; margin-top:4px;}

.ipro-nav{ padding:40px 0 25px;}
.ipro-nav ul{ padding-left:1px; margin-top:30px; overflow:hidden;}
.ipro-nav li{ width:172px; height:150px; float:left; margin-left:-1px; background:url(../images/cp-bg.png) no-repeat center; position:relative;}
.ipro-nav li:hover{background:url(../images/cp-bg2.png) no-repeat center; }
.ipro-nav li a{ display:inline-block; width:100%; height:100%;}
.ipro-nav li .img{ position:absolute; height:56px; width:100%; text-align:center; top:36px;
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;  transition: all 0.3s linear 0s;}
.ipro-nav li .text{ text-align:center; font-size:14px; color:#000; margin-top:100px;}
.ipro-nav li:hover .img{top:26px;
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: white; }
.ipro-nav li:hover .text{ color:#196a59;}

.i-pro{ background:#eee; padding:50px 0 25px;}
.i-pro ul{ margin-top:40px; overflow:hidden;}
.i-pro li{ float:left; width:280px; margin-right: 26px; margin-bottom:10px;}
.i-pro li .img{ width:280px; height:220px; overflow:hidden;}
.i-pro li .img img{ transition: all 0.3s linear 0s; width:100%;}
.i-pro li:hover .img img{ transform: scale(1.1,1.1);}
.i-pro li .title{ font-size:14px; color:#010101; line-height:38px; text-align:center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i-pro li:nth-child(4n){ margin-right:0;}

.i-list{ padding:40px 0; overflow:hidden;}
.i-news, .i-case, .i-zl{ border:1px solid #959595; width:378px; height:358px; float:left;}
.i-news, .i-case{ margin-right:30px;}
.i-list .top{ padding:0 10px; font-size:18px; color:#196a59; font-weight:bold; line-height:50px; border-bottom:1px solid #959595;}
.i-list .top a{ color:#b1b1b1; font-size:14px; font-weight:normal; float:right;}
.i-list .top a:hover{ color:#196a59; text-decoration:underline;}

.i-news ul{ padding:0 12px;}
.i-news .hot-news{ padding:15px 0; overflow:hidden; border-bottom:1px dashed #e5e5e5;     margin-bottom: 6px;}
.i-news .hot-news .img{ width:160px; height:100px; overflow:hidden; float:left;}
.i-news .hot-news .img img{ transition: all 0.3s linear 0s;}
.i-news .hot-news:hover .img img{ transform: scale(1.1,1.1);}
.i-news .hot-news .text{ float:right; width:182px;}
.i-news .hot-news .text .title{ color:#196a59; font-size:16px; font-weight:600; padding:6px 0 4px;text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden;}
.i-news .hot-news .text .date{ color:#b0b0b0; font-size:14px; font-weight:600; padding:8px 0 5px;}
.i-news .hot-news .text .p{ font-size:14px; color:#000; line-height:20px; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.i-news li{ font-size:14px; color:#000; overflow:hidden;  line-height: 32px;}
.i-news li a{ text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; width:270px; float:left;}
.i-news li:hover a{ color:#196a59; text-decoration:underline;}
.i-news li span{ float:right;}

.i-case{ position:relative;}
.i-case .bd{ margin: 24px 34px 23px;}
.i-case .bd li{}
.i-case .hd a{ position:absolute; display:inline-block; width:49px; height:49px; z-index:9; top: 50%; margin-top: -12px;}
.i-case .hd a.prev{ background:url(../images/case-prev.png) no-repeat center; left:10px;}
.i-case .hd a.next{ background:url(../images/case-next.png) no-repeat center; right:10px;}

.i-zl ul{ padding:6px 15px;}
.i-zl li{ font-size:14px; color:#000; overflow:hidden;  line-height: 32px;}
.i-zl li a{ text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; width:270px; float:left;}
.i-zl li span{ float:right;}
.i-zl li:hover a{ color:#196a59; text-decoration:underline;}

.i-about{ background:url(../images/about-bg.jpg) no-repeat center; background-size:cover; padding:50px 0;}
.iabout-box{ margin-top:40px; overflow:hidden;}
.iabout-box .img{ float:left; width:580px; height:400px;}
.iabout-box .box{ float:right; width:590px;}
.iabout-box .box .title{ font-size:18px; color:#000; font-weight:bold; padding:10px 30px 0; position:relative;}
.iabout-box .box .title i{ position:absolute; display:inline-block; width:8px; height:8px; border-radius:8px; background:#196a59; left: 5px;  top: 19px;}
.iabout-box .box .bd{ padding:10px 0 20px; height:290px;}
.iabout-box .box .bd p{ font-size:14px; color:#000; text-indent:2em; line-height:24px;}
.iabout-box .box .hd{}
.iabout-box .box .hd li{ width:100px; height:35px; line-height:35px; text-align:center; background:#fff; color:#000; font-size:14px; float:left; margin-right:30px;}
.iabout-box .box .hd li.on{ background:#335f90; color:#fff;}

.i-video{ padding:30px 0;}
.ivideo-box{ margin-top:20px; overflow:hidden;}
.ivideo-box .video{ width:650px; height:400px; float:left; position:relative;}
.ivideo-box .video video{ width:100%; height:100%; object-fit: fill;}
.ivideo-box .video .VideoBtn {	position: absolute;	left: 50%;	top: 50%;	display: block;	width: 70px;	height: 70px;	margin-left: -35px;	margin-top: -35px;	cursor: pointer;	z-index: 10;}

.ivideo-list{ width:520px; float:right;}
.ivideo-list .top{ line-height:40px; height:40px; background:#1b6b5b; font-size:18px; color:#fff; font-weight:bold; padding:0 20px;}
.ivideo-list .top a{ float:right; color:#fff; font-size:14px; font-weight:normal;}
.ivideo-list .top a:hover{ text-decoration:underline;}
.ivideo-list li{ border:1px solid #c9c9c9; padding:6px; overflow:hidden; margin-top:16px;}
.ivideo-list li .img{ width:250px; height:150px; overflow:hidden; float:left;}
.ivideo-list li .img img{ transition: all 0.3s linear 0s;}
.ivideo-list li:hover .img img{ transform: scale(1.1,1.1);}
.ivideo-list li .text{ float:right; width:230px; font-size:14px; color:#7b7b7b; line-height:24px; margin-right:10px;}
.ivideo-list li .text:hover{ color:#196a59;}

.link{ padding:10px 0 30px; overflow:hidden;}
.link .top{ float:left; line-height:14px; border-right:1px solid #b5b5b5; padding-right:15px;}
.link .top span{ font-size:18px; color:#000; font-weight:bold;  letter-spacing: 4px;}
.link .top span i{ font-style:normal; color:#196a59;}
.link .top p{ font-size:14px; color:#000; }
.link .box{ float:right; width:1126px; line-height:28px;}
.link .box a{ display:inline-block; color:#7f7f7f; font-size:14px; padding:0 10px; line-height:14px; border-right:1px solid #7f7f7f;}
.link .box a:last-child{ border-right:none;}
.link .box a:hover{ color:#196a59; text-decoration:underline;}

.footer{ background:#3a3a3a; overflow:hidden; padding-top:40px;}
.foot-nav{ border-right:1px dashed #7d7d7d; overflow:hidden; float:left; padding-left:15px; min-height:200px;}
.foot-nav dl{ float:left; padding-right:26px;}
.foot-nav dt{border-bottom:1px dashed #7d7d7d; padding:4px 0 6px 24px; margin-bottom:6px;}
.foot-nav dt a{ font-size:16px; color:#fff;}
.foot-nav dd{ line-height:32px;}
.foot-nav dd a{ font-size:14px; color:#fff;}
.foot-nav dd a:hover{ color:#196a59; text-decoration:underline;}

.footer dt.icon1{ background:url(../images/foot-icon1.png) no-repeat center left;}
.footer dt.icon2{ background:url(../images/foot-icon2.png) no-repeat center left;}
.footer dt.icon3{ background:url(../images/foot-icon3.png) no-repeat center left;}
.footer dt.icon4{ background:url(../images/foot-icon4.png) no-repeat center left;}
.footer dt.icon5{ background:url(../images/foot-icon5.png) no-repeat center left;}
.footer dt.icon6{ background:url(../images/foot-icon6.png) no-repeat center left;}
.footer dt.icon7{ background:url(../images/foot-icon7.png) no-repeat center left;}

.foot-contact{ float:right; width:360px; position:relative;}
.foot-contact li{ padding-left:24px; font-size:14px; color:#fff; width:100%; overflow:hidden; margin-bottom:6px;}
.foot-contact li span{ display:inline-block; float:left;}
.foot-contact li p{ display:inline-block; float:left; width:246px;}
.foot-contact li a{ display:inline-block; margin:10px 15px 0 0;}
.foot-contact .wx{ position:absolute; top: 70px; right: -17px;}

.footer li.icon8{ background:url(../images/foot-icon8.png) no-repeat 0 2px;}
.footer li.icon9{ background:url(../images/foot-icon9.png) no-repeat 0 2px;}
.footer li.icon10{ background:url(../images/foot-icon10.png) no-repeat 0 2px;}
.footer li.icon11{ background:url(../images/foot-icon11.png) no-repeat 0 2px;}
.footer li.icon12{ background:url(../images/foot-icon12.png) no-repeat 0 2px;}

.foot-copy{ line-height:60px; text-align:center; font-size:14px; color:#fff; border-top:1px dashed #7d7d7d; margin-top:10px;}
.foot-copy a { color: #fff; }


/******************内页********************/
.page-banner{ height:300px;}

.page-box{ padding:34px 0 60px; overflow:hidden;}

.ty-left{ width:230px; float:left;}
.ty-left .top{ background:#196a59; padding:20px;}
.ty-left .top .cn{ font-size:20px; color:#fff; font-weight:bold;}
.ty-left .top .en{ font-size:18px; color:#fff; font-weight:bold; margin-top:4px;}
.ty-left .ty-nav{ background:#ebebeb; padding:0 20px;}
.ty-left .ty-nav li{ line-height:44px; border-bottom:1px solid #dadada;}
.ty-left .ty-nav li:last-child{ border-bottom:none;}
.ty-left .ty-nav li>a{ display:inline-block; width:100%; height:100%; color:#000; background:url(../images/ty-icon1.png) no-repeat 200px center; margin: 0 -20px; padding: 0 20px;}
.ty-left .ty-nav li.on>a{ color:#fff; background:url(../images/ty-icon2.png) no-repeat 200px center #239079;}
.ty-left .ty-nav li:hover>a{ background:url(../images/ty-icon2.png) no-repeat 200px center #239079; color:#fff;}
.ty-left .ty-nav li dl{ background:#fff; margin:0 -19px; display:none;}
.ty-left .ty-nav li.on dl{ display:block;}
.ty-left .ty-nav li dd{ font-size:12px; color:#000; line-height:40px; border-bottom:1px solid #dadada;}
.ty-left .ty-nav li dd:last-child{ border-bottom:none;}
.ty-left .ty-nav li:hover dd a, .ty-left .ty-nav li dd a{ color:#000; display:inline-block; width:188px; height:100%; padding:0 20px; }
.ty-left .ty-nav li:hover dd a:hover, .ty-left .ty-nav li dd a.on{background: #dadada; }
/*.ty-left .ty-nav li dd a.on{ color:#239079;}*/

.ty-contact{ background:#ebebeb; margin-top:40px; padding:20px 20px 10px;}
.ty-contact .tel{ text-align:center; font-size:18px; color:#196a59; font-weight:bold; letter-spacing:0; background:url(../images/header-tel.png) no-repeat  0 center; text-indent:18px; margin-top:10px; margin-bottom:6px; white-space:nowrap }
.ty-contact dl{ font-size:14px; color:#000; line-height:24px; border-bottom:1px dashed #cacaca; padding:6px 0;}
.ty-contact dl:last-child{ border-bottom:none;}
.ty-contact dt{ padding-left:24px;}
.ty-contact dt.dh{ background:url(../images/ty-icon3.png) no-repeat center left;}
.ty-contact dt.yx{ background:url(../images/ty-icon4.png) no-repeat center left;}
.ty-contact dt.dz{ background:url(../images/ty-icon5.png) no-repeat center left;}

.ty-right{ width:940px; float:right;}
.ty-right .ty-Rtop{ width:100%; height:40px; line-height:40px; background:#196a59;}
.ty-right .ty-Rtop h1{ font-size:18px; color:#fff; padding:0 20px; float:left;}
.ty-right .ty-Rtop .mbx{ float:right; margin-right:20px; font-size:14px; color:#fff;}
.ty-right .ty-Rtop .mbx a{ font-size:14px; color:#fff;}
.ty-right .ty-Rtop .mbx a:hover{ text-decoration:underline;}

.about{ padding: 30px 0; }
.about p{ font-size:14px; color:#000; line-height:24px; margin-bottom:10px; }

.product-nav{}
.pro-xz{ color:#404040; padding:18px 0; font-size:14px;}
.pro-xz a{ display:inline-block; width:45px; height:25px; line-height:25px; text-align:center; border:1px solid #c9c9c9; color:#404040; font-size:14px; margin:0 6px;}
.pro-xz a.on{ background:#196a59; color:#fff;}

.product-nav dl{}
.product-nav .pro-title{ width:900px; height:40px; line-height:40px; padding:0 20px; color:#196a59; font-size:14px; background:#ebebeb; margin-bottom:15px; clear:both;}
.product-nav dd{ float:left; width:210px; margin-right:33px; margin-bottom:30px;}
.product-nav dd:nth-child(4n){ margin-right:0;}
.product-nav dd .img{ width:208px; height:148px; overflow:hidden; border:1px solid #c9c9c9;}
.product-nav dd .img img{ transition: all 0.3s linear 0s;}
.product-nav dd:hover .img img{ transform: scale(1.1,1.1);}
.product-nav dd .title{ font-size:14px; color:#000; background:#c9c9c9; height:50px; line-height:50px; text-align:center; padding:0 24px;}
.product-nav dd .title span{ display:inline-block; line-height:25px;}
.product-nav dd:hover .title{ background:#196a59; color:#fff;}

.product-nav ul{ overflow:hidden; margin-bottom:10px;}
.product-nav li{ float:left; width:50%; margin-bottom:10px; text-indent:20px;}
.product-nav li a{ font-size:14px; color:#000;}
.product-nav li a:hover{ color:#196a59; text-decoration:underline;}

.pro-top{ overflow:hidden; padding:40px 0 60px;}
.pro-top .img{ position:relative; float:left; width:544px; height:480px;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomDiv img{ max-width:none;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.jqPreload0 img{ max-width:none;}
.pro-top .text{ float:right; width:600px; }
.pro-top .text .title{ font-size:24px; color:#000; font-weight:bold;}
.pro-top .text .bz{ font-size:14px; color:#cf0101; margin:14px 0 10px; }
.pro-top .text .bz span{ color:#000; font-weight:bold;}
.pro-top .text .cpbm{ color:#000; font-size:14px; line-height:24px; padding: 16px 0; /*  border-top:1px solid #c5c5c5;  */border-bottom:1px solid #c5c5c5;}
.pro-top .text .cpbm span{ font-weight:bold;}
.pro-top .text .other{ padding:16px 0; overflow: hidden;}
/*.pro-top .text .other li{ font-size:14px; color:#000; line-height:28px;}*/
.pro-top .text .other li{ float:left; margin-right:20px;}
.pro-top .text .other li img{ height:130px;}
.pro-top .text .sm{ border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; padding:16px 0; font-size:14px; color:#000; line-height:24px;}
.pro-top .text .sm p{font-size:14px; color:#cf0101;}
.pro-top .text .sm p span{color:#000; font-weight:bold;}
.pro-top .text .zx{ margin-top:28px; overflow: hidden;}
.pro-top .text .zx a{ float:left; margin-right:20px;}
.pro-top .text .zx p{font-size:16px; color:#cf0101; float:left; margin-right: 40px; font-weight: bold; }
.pro-top .text .zx p span{color:#000; font-weight:bold;}

.pro-content{ margin-bottom:30px; overflow: hidden;}
.pro-content .hd{ border-bottom:2px solid #196a59; overflow:hidden;}
.pro-content .hd li{ cursor:pointer; float:left; width:102px; height:38px; border-radius:6px 6px 0 0; background:#a5a5a5; color:#fff; text-align:center; line-height:38px; margin-right:20px;}
.pro-content .hd li.on{ background:#196a59;}
.pro-content .bd{ padding:20px 0;}
.pro-content .bd ul p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.pro-content .bd table{ margin: 0 auto;}

.sh-service{ margin-bottom:60px; overflow:hidden;}
.sh-service dt{ font-size:18px; font-weight:bold; color:#000; margin-bottom:20px;}
.sh-service dd{ width:280px; height:410px; float:left; background:#eee; margin-right: 26px;}
.sh-service dd:last-child{ margin-right:0;}
.sh-service dd .icon{ text-align:center; margin-top:30px; height:100px; line-height:100px;}
.sh-service dd .title{ font-size:16px; color:#196a59; margin-top:20px; text-align:center; margin-bottom:10px;}
.sh-service dd .text{ font-size:14px; color:#525252; padding:0 15px; line-height:24px;}
.sh-service dd .text span{ display:inline-block; width: 120px;}

.xg-news{ padding:30px 0; border-top:1px solid  #c5c5c5; border-bottom:1px solid  #c5c5c5; overflow:hidden;}
.xg-news dl{ width:806px; position:relative;}
.xg-news dl dt{ font-size:18px; font-weight:bold; color:#000; margin-bottom:6px;}
.xg-news dl dd{ width:360px; float:left;  line-height:36px; font-size:14px; color:#000; position:relative; padding-left:20px; margin-left:46px;}
.xg-news dl dd:nth-child(2n){ margin-left:0;}
.xg-news dl dd:nth-child(-n+9){  border-bottom:1px dashed #d2d2d2;}
.xg-news dl dd i{ position:absolute; display:inline-block; background:#d2d2d2; width:6px; height:6px; border-radius:6px; top:50%; margin-top:-3px; left:0;}
.xg-news dl dd span{ float:right; font-size:14px; color:#000;}
.xg-news dl::after{ position:absolute; content:""; display:inline-block; width:1px; height:140px; background:#d2d2d2; left:50%; top:52px;}
.xg-news dl dd a{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: 270px; float: left;}
.xg-news dl dd a:hover{ color:#196a59;}
.xg-news dl dd a:hover i{ background:#196a59;}
.xg-news .zxrx{ width:340px;}
.xg-news .zxrx .title{ font-size:18px; font-weight:bold; color:#000; margin-bottom:6px;}
.xg-news .zxrx .tel{ padding-left:56px; background:url(../images/xg-tel-icon.png) no-repeat center left; line-height:20px; margin-top:20px;}
.xg-news .zxrx .tel span{ font-size:18px; line-height:24px; color:#196a59; font-weight:bold; display:block}
.xg-news .zxrx .tel p{ font-size:14px; color:#000;}
.xg-news .zxrx .p{ font-size:14px; color:#000; margin:15px 0 10px;}
.xg-news .zxrx .qq{ padding-top:5px;}

.xg-cp2{ margin-top:40px; overflow:hidden; margin-bottom:40px;}
.xg-cp2 dt{ font-size:18px; font-weight:600; color:#000; margin-bottom:20px;}
.xg-cp2 dd{ float:left; width:210px; margin-right:37px; margin-bottom:30px;}
.xg-cp2 dd:nth-child(6n){ margin-right:0;}
.xg-cp2 dd .img{ width:208px; height:148px; overflow:hidden; border:1px solid #c9c9c9;}
.xg-cp2 dd .img img{ transition: all 0.3s linear 0s;}
.xg-cp2 dd:hover .img img{ transform: scale(1.1,1.1);}
.xg-cp2 dd .title{ font-size:14px; color:#000; height:50px; line-height:50px; text-align:center; padding:0 24px;}
.xg-cp2 dd .title span{ display:inline-block; line-height:25px;}
.xg-cp2 dd:hover .title{ background:#196a59; color:#fff;}

.product-video{}
.product-video li{ float:left; width:300px; margin-right:20px; margin-top:20px;}
.product-video li:nth-child(3n){ margin-right:0;}
.product-video li .img{ width:300px; height:180px; overflow:hidden;}
.product-video li .img img{ transition: all 0.3s linear 0s;}
.product-video li:hover .img img{ transform: scale(1.1,1.1);}
.product-video li .title{ width:300px; height:40px; line-height:40px; font-size:14px; color:#000; text-align:center; background:#ebebeb;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-video li:hover .title{ background:#196a59; color:#fff;}

.news-list{}
.news-list li{ padding:8px; border:1px solid #dcdcdc; overflow:hidden; margin-top:20px;}
.news-list li .img{ float:left; width:300px; height:200px;}
.news-list li .img img{ margin-top: -10%;}
.news-list li .text{ float:right; width:600px; height:200px;}
.news-list li .text .title{ font-size:18px; color:#196a59; font-weight:bold; margin-top:4px;}
.news-list li .text .date{ font-size:14px; color:#bfbebe; margin:10px 0 4px;}
.news-list li .text .p{ font-size:14px; color:#000; line-height:24px;}

.pager-list{ text-align:center; margin-top:30px;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 8px; }
.pager-list li>*{ display:inline-block; font-size:14px; color:#000; height:25px; line-height:25px; padding:0 8px; border:1px solid #c2c2c2; border-radius:4px; }
.pager-list li.active>*, .pager-list li a:hover{ background:#196a59; color:#fff;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.news-con{ margin-top:40px;}
.news-con .title{ font-size:18px; color:#196a59; font-weight:bold; text-align:center;}
.news-con .date{ text-align:center; padding:10px 0 20px; border-bottom:1px solid #d2d2d2;}
.news-con .date span{ display:inline-block; font-size:12px; color:#000; margin:0 20px;}
.news-con .text{ padding:20px 0;}
.news-con .text p{ text-indent: 2em; font-size: 14px; line-height: 24px; margin-bottom: 10px;}


.pager{ padding:0 30px; background:#eee;}
.pager .prev{ line-height:40px; height:40px; border-bottom:1px dashed #dbdbdb; font-size:14px; color:#000;}
.pager .next{ line-height:40px; height:40px; font-size:14px; color:#000;}
.pager a{ font-size:14px; color:#000;}
.pager a:hover{ color:#196a59; text-decoration:underline;}

.xg-cp{ margin-top:40px;}
.xg-cp dt{ font-size:18px; font-weight:600; color:#000; margin-bottom:20px;}
.xg-cp dd{ float:left; width:210px; margin-right:33px; margin-bottom:30px;}
.xg-cp dd:nth-child(5n){ margin-right:0;}
.xg-cp dd .img{ width:208px; height:148px; overflow:hidden; border:1px solid #c9c9c9;}
.xg-cp dd .img img{ transition: all 0.3s linear 0s;}
.xg-cp dd:hover .img img{ transform: scale(1.1,1.1);}
.xg-cp dd .title{ font-size:14px; color:#000; background:#c9c9c9; height:50px; line-height:50px; text-align:center; padding:0 24px;}
.xg-cp dd .title span{ display:inline-block; line-height:25px;}
.xg-cp dd:hover .title{ background:#196a59; color:#fff;}

.zl-list{ padding-top:10px;}
.zl-list li{ overflow:hidden; line-height:38px; position:relative; padding-left:20px; border-bottom:1px dashed #d3d3d3;}
.zl-list li i{ display:inline-block; width:6px; height:6px; background:#d2d2d2; border-radius:6px; position:absolute; top:50%; margin-top:-3px; left:0;}
.zl-list li a{ float:left; font-size:14px; color:#000;}
.zl-list li span{ float:right; font-size:14px; color:#000; margin-right:10px;}
.zl-list li:hover i{ background:#196a59;}
.zl-list li:hover a{ color:#196a59;}

.case-list{ padding-top:30px;}
.case-list li{ box-shadow:5px 5px 5px rgba(227,227,227,.5); width:280px; float:left;    margin-right: 45px; margin-bottom:45px;}
.case-list li:nth-child(3n){ margin-right:0; }
.case-list li:nth-child(3n-2){ clear: left;}
.case-list li .img{ width:278px; height:248px; border:1px solid #eee; overflow:hidden;}
.case-list li .img img{ transition: all 0.3s linear 0s;}
.case-list li:hover .img img{ transform: scale(1.1,1.1);}
.case-list li .text{ padding:0 20px;}
.case-list li .text .title{ text-align:center; font-size:12px; color:#cf0101; padding:12px 0;     text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;}
.case-list li .text .p{ font-size:14px; color:#000; text-align:center; margin-bottom:20px; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}

.hz-list{ margin-top:24px; background:url(../images/hzhb-bg.jpg) no-repeat center; background-size:100%; padding:25px; overflow:hidden;}
.hz-list dt{ font-size:18px; color:#196a59; font-weight:bold; margin-bottom:10px;}
.hz-list dd{ float:left; width:50%; font-size:14px; color:#000; line-height:28px;}

.service{ padding:30px 0;}

.job-box{ padding: 26px 35px;}
.job-box .job-list{}
.job-box .job-list dl{ margin-top:20px;}
.job-box .job-list dt{ color:#196a59; font-weight:bold; font-size:16px; padding-left:34px; background:url(../images/job_icon.png) no-repeat center left; margin-bottom:10px;}
.job-box .job-list dd{ font-size:14px; color:#000; line-height:24px;}
.job-box .job-list dd span{ font-weight:600;}

.job-box .job-text{ margin:20px -35px;}
.job-box .job-text p{ font-size:14px; color:#000; line-height:24px; text-align:justify; text-indent:2em;}

.contact{}
.contact dl{ padding:20px;}
.contact dt{ background:url(../images/ty-icon6.png) no-repeat center left; font-size:16px; color:#000; padding-left:30px; font-weight:600; margin-bottom:4px;}
.contact dd{ font-size:14px; color:#000; padding-left:30px; line-height:30px;}
.contact dd.tel{ background:url(../images/ty-icon3.png) no-repeat center left;}
.contact dd.yx{ background:url(../images/ty-icon4.png) no-repeat center left;}
.contact dd.dz{ background:url(../images/ty-icon5.png) no-repeat center left;}
.contact .map{ height:400px;}
.contact p.text{ font-size:14px; color:#999; margin-top:10px;}

.message{ padding:30px 0;}
.message li{ border:1px solid #d2d2d2; margin-top:-1px; padding:20px 0; overflow:hidden;}
.message li label{}
.message li span{ font-size:14px; color:#000; display:inline-block; text-indent:20px; float:left; line-height:30px; margin-right:20px;     width: 80px;    text-align: right;}
.message li input[type="text"]{ float:left; width:280px; height:30px; border:1px solid #d2d2d2; margin-right:60px;}
.message li textarea{ float:left; width:280px; height:150px; border:1px solid #d2d2d2; }
.message li input[type="submit"]{ width:100px; height:30px; background:#126ea4; border:none; color:#fff; margin-left:100px;}


.lxgm{ margin-bottom:60px;}
.lxgm .title{ font-size:18px; font-weight:bold; color:#000; margin-bottom:20px;}
.lxgm-box{ box-shadow: 0 5px 5px #999;  background: #f3f3f3; padding:20px; overflow:hidden;}
.lxgm-contact{ width:400px; float:left;}
.lxgm-contact li{ width:400px; overflow:hidden; padding-left:40px; line-height:26px; padding-bottom:75px;}
.lxgm-contact li span{ float:left; display:inline-block; width:80px; }
.lxgm-contact li p{ float:left; color:#196a59;}
.lxgm-contact li a{ display:inline-block; float:left; color:#196a59; width:290px; margin-bottom:4px;}
.lxgm-contact .tel{ background:url(../images/24tel.png) no-repeat 0 0;}
.lxgm-contact .phone{ background:url(../images/phone.png) no-repeat 0 0;}
.lxgm-contact .qq{ padding-bottom:0; background:url(../images/qq.png) no-repeat 0 0;}
.lxgm-contact .qq span{ width:105px; margin-bottom:30px;}
.lxgm-other{ float:left; width:600px;}
.lxgm-other dl{ margin-bottom:20px;}
.lxgm-other dl:last-child{ margin-bottom:0;}
.lxgm-other dt{ color:#196a59; margin-bottom:10px;}
.lxgm-other dd p{ font-size:14px; color:#333; line-height:30px;}


.pro-cxcs .title{ text-align:center; font-size:18px; font-weight:bold; padding:20px 0; clear:both;}
.pro-cxcs .table{ text-align:center; line-height:20px; margin-left:1px;}
.pro-cxcs .table div{ border:1px solid #333; margin-top:-1px; margin-left:-1px; padding:10px 0;}
.pro-cxcs .table .bh{ float:left; width:8.33333333%;}
.pro-cxcs .table .mc{ float:left; width:25%;}
.pro-cxcs .table .dw{ float:left; width:8.33333333%;}
.pro-cxcs .table .sl{ float:left; width:8.33333333%;}
.pro-cxcs .table .xh{ float:left; width:25%;}
.pro-cxcs .table .gg{ float:left; width:24.3666666%;}
.pro-cxcs .table .name{ float:left; width:91.4566666%;}
.pro-cxcs .table p{text-align: center; line-height: 28px;}

.xf-right{ position:fixed; top:30%; right:1%; display:none; z-index:999;}
.xf-right li{ width:58px; height:58px; margin-top:2px; background:#d9d9d9; position:relative; cursor:pointer;}
.xf-right li .tel{ background:#196a59;position: absolute;    width: 270px;    right: 60px;    top: 0;    color: #fff;    font-size: 18px;    text-align: center;    line-height: 58px; display:none;}
.xf-right li:hover .tel{ display:block;}
.xf-right li .img{ position:absolute; width:115px; height:114px; top:0; right:110%; border:1px solid #ebebeb; display:none;}
.xf-right li .img img{ width:100%;}
.xf-right li .icon1{ display:none;}
.xf-right li:hover .icon1{ display:inline-block;}
.xf-right li:hover .icon{ display:none;}
.xf-right li:hover, .xf-right li:last-child{ background:#196a59; }
.xf-right li:hover .img{ display:block;}
.xf-right li span{ display:block; height:28px; text-align:center; padding: 15px 0;}