@charset "utf-8";
/* CSS Document 
** author:新动力
** URL:http://www.xinpower.cn/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;list-style:none;}
img{border:none;border:0;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:visited{}
a:hover{ color:#298475;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif; background:#fff; color:#333;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px; border:none;}
h1,h2,h3,h4{ font-weight:normal;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden; color:#333333; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
#warper{  padding:40px 0 0px;}
@font-face {
  font-family: 'SourceHanSerifCN-Bold';
  src:url(../font/SourceHanSerifCN-Bold.otf);
}
/*@font-face {
  font-family: "ChuangYiJianKaiTi-1";
  src: url("../font/ChuangYiJianKaiTi-1.woff2") format("woff2"),
       url("../font/ChuangYiJianKaiTi-1.woff") format("woff"),
       url("../font/ChuangYiJianKaiTi-1.ttf") format("truetype"),
       url("../font/ChuangYiJianKaiTi-1.eot") format("embedded-opentype"),
       url("../font/ChuangYiJianKaiTi-1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: "ZiTiGuanJiaFangSongTi-2";
  src: url("../font/ZiTiGuanJiaFangSongTi-2.woff2") format("woff2"),
       url("../font/ZiTiGuanJiaFangSongTi-2.woff") format("woff"),
       url("../font/ZiTiGuanJiaFangSongTi-2.ttf") format("truetype"),
       url("../font/ZiTiGuanJiaFangSongTi-2.eot") format("embedded-opentype"),
       url("../font/ZiTiGuanJiaFangSongTi-2.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*头部*/
.header{
	width:100%;
	height:234px;
	background:url(../images/nav_bck.png) repeat-x;
	background-color:#25796a;
}
.fd{
	float:left;
}
.headerSmallBox{
	width:1200px;
	margin:auto;
	overflow:hidden;
}

.headerLeft img{
	position:relative;
	z-index:99;
}
.headerRight{
	margin-left:22px;
}
.headerTop{
	overflow:hidden;
	line-height:36px;
}
.headerTop p{
   width:690px;	
   font-size:14px;
   color:rgba(255,255,255,0.5);	
}
.headerTop a{
	font-size:14px;
    color:rgba(255,255,255,0.5);
    display: inline-block;
    margin-left:16px;
    text-align: center;   
}
.headerAuto{
	 margin-top:34px;
}
.headerAuto ul{
	 overflow:hidden;
	 padding-bottom:10px;
}
.headerAuto ul li{ float:left;}
.headerAuto li.logo span{ display:block; font-size:30px; font-weight:bold; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(246, 240, 190, 1)), to(rgba(213, 126, 23, 1))); -webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.headerAuto ul .logo-tel{ height:58px; background:url(../images/logo-tel.png) no-repeat 0 center ; text-indent:73px; float:right;margin-top: 15px;}
.headerAuto ul .logo-tel p{ font-size:18px; color:#fff; line-height:18px; font-weight:bold; opcity:0.8; margin-top:4px;}
.headerAuto ul .logo-tel h4{ color:#f2c35f; font-size:28px; font-weight:bold; font-family:Arial;}
.headerNav{
	 margin-top:26px;
	 height:37px;
}
.headerNav ul li{
	 float:left;
	 
}

.headerNav h3 a{
	font-size:18px;
	color:#fff;
	height:37px;
	margin:0 22px;
	transition:all 0.2s;
	display:block;
	position:relative;
}
.headerNav h3 a:after{ 
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:-2px;
	width:0;
	height:2px;
	background-color:#f2c35f;
	overflow:hidden;
	transition:width 0.2s;
}
.headerNav ul li:first-child h3 a{ margin-left:0;}
.headerNav ul li:last-child  h3 a{ margin-right:0;}
.headerNav a:hover ,.headerNav li.on h3 a{ font-weight:bold; color:#f2c35f;}
.headerNav a:hover:after, .headerNav li.on h3 a:after{ width:100%;}
.headerNav ul li .navHideBox{
	 background:rgba(6,55,49,0.8);
	 margin-top:0px;
	 top:2px;
	 position:relative;
	 z-index:999;
	 display:none;
}
.headerNav ul li:last-child .navHideBox { left:20px;}
.headerNav ul li .navHideBox a{
	 display:block;
	 text-align: center;
	 margin-left:0px;
	 color:rgba(255,255,255,.7);
	 height:40px;
	 font-size:15px;
	 line-height:40px;
}
.headerNav ul li .navHideBox a:hover{ font-weight:normal; color:#f2c35f;}

/* 产品特点 */
.pro-td{ background:url(../images/td-bg.jpg) no-repeat center 0; height:840px; padding-top:70px;}
.pro-td .td-tit{ text-align:center; margin-bottom:116px;}
.pro-td ul li{ margin-bottom:37px;  }
.td-l img{ display:block; width:532px; height:537px;}
.td-r .xl{ width:93px; height:92px; transition: all 1s; margin-right:29px;}
.td-r .td-txt{}
.td-r .td-txt h3{/* font-family:'SourceHanSerifCN-Bold'; */ font-size:22px; color:#4c360e; margin-top:2px; margin-bottom:10px; transition: all 1s;}
.td-r .td-txt p{font-size:17px; color:#4c360e; width:416px; line-height:33px; }
.pro-td ul li:hover .td-txt h3{ padding-left:12px;}
.pro-td ul li:hover .xl{transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}

/* 页脚 */
.footer{ position:relative; height:auto; background:url(../images/ft-bg.jpg) repeat center 0; padding-top:0px;}
.flower{ width:100%; background:url(../images/ft-flow.png) no-repeat center; height:50px; position:absolute; top:-18px; left:0;}
.ft-top{ margin-top:77px;}
.ft-nav { background:url(../images/ft-nav-lin.png) no-repeat center bottom; padding-top:23px; padding-bottom:53px; padding-left:49px;}
.ft-nav li{width:40px; height:115px; background:url(../images/ft-nav-bg.png) no-repeat center; float:left; margin:0 20px;}
.ft-nav li a{ display:block; text-align:center; width:20px; height:80px; margin:0 auto; padding-top:17px; line-height:20px; /* font-family:SourceHanSerifCN-Bold;  */font-size:16px; background:linear-gradient(to top, #d89f33, #f98a06);-webkit-background-clip: text; color: transparent; text-align:center;}
.ft-nav li:hover{ background:url(../images/ft-nav-bg2.png) center center;}
.ft-nav li:hover a{ color:#fff;}
.ft-ewm{ margin-left:56px;}
.ft-ewm p{font-family:SourceHanSerifCN-Bold; font-size:17px; width:22px; height:110px; float:left; margin-right:10px; line-height:20px;  background:linear-gradient(to top, #f1cc85, #d57e17);-webkit-background-clip: text; color: transparent;}
.ft-ewm .ewm{ float:left; width:106px; height:104px; background:url(../images/ewm-bg.png) no-repeat center;}
.ft-ewm .ewm img{ display:block; margin:7px auto; width:91px; height:91px;}
.ft-tel{font-family:SourceHanSerifCN-Bold; font-size:25px; font-weight:bold; background:linear-gradient(to top, #f1cc85, #d57e17);-webkit-background-clip: text; color: transparent; margin:29px 0 0px 42px;}
.ft-info{ width:1150px;  margin-left:50px;}
.ft-info li{ background:url(../images/smal-flow.png) no-repeat 0 center; text-indent:32px; float:left; margin-top:18px; }
.ft-info li span{ /* font-family:SourceHanSerifCN-Bold; */ font-size:16px; background:linear-gradient(to top, #e8b452, #edbf61);-webkit-background-clip: text; color: transparent; }
.ft-info li:nth-child(odd){ width:487px;}
.ft-info li:nth-child(even){ width:663px;}
.copyright{ background:url(../images/cpy-line.png) no-repeat center 0; height:66px; line-height:66px; margin-top:34px; font-family:SourceHanSerifCN-Bold;}
.copyright span{ color:#d5a63a; font-size:16px;}
.copyright a{ font-size:16px; color:#d5a63a; padding-right:26px; font-family:SourceHanSerifCN-Bold;}
.copyright a:hover{ text-decoration:underline;}


/* 内页banner */
.ny-banner{ background:#298475; height:347px; }

/* 网站位置 */
.main{   background:url(../images/main-bg.jpg) no-repeat center bottom;}
.barnav{ width:100%;}
.barnav .w1200{ background-color:#fff; padding-top:14px; border-bottom:1px solid #e6e6e6; padding-bottom:8px;}
.barnav .fl{ margin-left:6px;}
.barnav .fl a{ display:block; float:left; padding:0 15px; height:30px; margin-right:15px;   text-align:center; line-height:30px; font-size:16px;}
.barnav .fl a:hover, .barnav .fl a.on{ background-color:#288475; color:#fce484;}
.barnav .fr{ color:#999; font-size:12px; margin-right:10px; line-height:30px;}
.barnav .fr a{ color:#999; font-size:12px;}
.barnav .fr a:hover{ color:#666; text-decoration:underline; }

/* 首页 公司介绍数字滚动 */
.about-sz{ margin-top:60px;}
.about-sz li{ height:100px; width:110px; background:url(../images/about-r-sz.png) no-repeat 0 center; padding-left:24px; float:left; margin:0 42px;}
.about-sz li h3{ font-family:SourceHanSerifCN-Bold; line-height:24px; padding-top:26px; color:#302725;}
.about-sz li h3 em{ font-size:36px;}
.about-sz li p{ line-height:14px; color:#867e73;}



/*分页*/
.page_wrap{float:left; position: relative;left: 50%; margin-top:74px; margin-bottom:80px; }
.page{display:block; position: relative;left: -50%;}
.page a,.page .nolink{
	color:#999;
    padding:10px 16px;
    text-decoration:none;
    transition: all .2s;
    border:1px solid #999;
	border-radius:2px;
	margin:3px 10px;
	}
.page .nolink, .page span{ color:#999; cursor:pointer;}
.page .cur {
	padding:10px 16px;
    color:#fff;
    border:1px solid #288475; 
	background-color:#288475;
	border-radius:3px;
}
.page a:hover { color:#fff; border-color:#288475; background-color:#288475;}





/*新闻上一篇下一篇*/
.pagings{ border-top: 1px solid #e4e4e4; height: 59px; padding: 10px;}
.pagings  span{ display:block; line-height: 32px;}
.pagings  span:hover a{ color:#c30101; text-decoration: underline;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999;top:520px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0a4239  url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0a4239  url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0a4239  url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0a4239  url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
/*固定的悬浮窗end*/


/* 生产视频 */
.videolist { position:relative; float:left; width:540px; height:340px;}
.videolist:hover{ cursor: pointer; }
.videolist:hover .vtime{ color:#c91520;}
.videolist .vdo-pic{ width:540px; height:300px;}
.vtime{ text-align:center; font-size:16px; height:40px; line-height:40px;}
.videoed { display:none; width:540px; height:340px; position: absolute; left:0; top:0; z-index:99; background:url(../images/play.png) no-repeat center center; background-color:rgba(0,0,0,0.8); }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; padding:60px; box-sizing:border-box; background: rgba(0,0,0,0.75); }
.videos video{ display:block; margin:0 auto; margin-top:180px; max-height:500px;}
.vclose { position:absolute; right:480px; top:130px; border-radius:100%; cursor: pointer; }