@charset "utf-8";
/* CSS Document */

html,body{ transition:all ease 0.4s;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1220px; position:relative; overflow:hidden; margin:0 auto; transition:all ease 0.4s;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:rgba(0,0,0,0.35); position:fixed; left:0; top:0; z-index:9; transition:all ease 0.4s;}
.header .head{ width:1200px; height:80px; position:relative; margin:0 auto;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; width:124px; height:80px; line-height:99em; background:url(../images/common/logo.png) no-repeat; overflow:hidden; transition:all ease 0.4s;}

.header.fixed{ background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3);}
.header.fixed h1.logo a{ background-image:url(../images/common/logo_fix.png);}

/*导航*/
ul.nav{ display:block; height:80px; float:right;}
ul.nav li{ display:block; height:46px; padding:18px 0 16px; float:left; position:relative;}
ul.nav li a{ display:block; line-height:44px; color:#fff; font-size:16px; text-align:center; border-bottom:2px solid rgba(0,0,0,0); padding:0 16px; margin:0 12px; transition:all ease 0.4s;}
ul.nav li a:hover,
ul.nav li.on a{ border-bottom-color:#fff;}
ul.nav li.cur a{ border-bottom-color:#fff;}
ul.nav li p.sub{ display:none; width:100%; background:rgba(0,0,0,0.35); padding:2px 0; position:absolute; left:0; top:100%;}
ul.nav li p.sub a{ line-height:40px; color:#fff; font-size:14px; padding:0; border:0; border-top:1px solid #d2d2d2; margin:0 8px;}
ul.nav li p.sub a:first-child{ border:0;}
ul.nav li p.sub a:hover{ color:#1fa360;}

/*
ul.nav li a.lang{ border:0; float:left; padding:0; margin:15px 4px;}
ul.nav li a.lang img{ display:block; width:24px; height:16px;}
*/
ul.nav li a.lang{ display:block; line-height:42px; color:#fff; font-size:16px; background:url(../images/select.png) right top no-repeat; border:0; cursor:pointer; padding-right:20px; margin:0 8px; transition:all color 0.4s;}

ul.nav li a.search{ width:36px; height:44px; padding:0; background:url(../images/common/search.png) center no-repeat; border:0;}
ul.nav li a.lang option{ color:#333;}

ul.nav form.search{ display:none; width:278px; overflow:hidden; position:absolute; right:0; top:100%;}
ul.nav form.search input.txt{ display:block; width:182px; height:42px; color:#666; font-size:14px; background:#fff; padding:0 16px; border:0; float:left;}
ul.nav form.search input.btn{ display:block; width:64px; height:42px; color:#fff; font-size:15px; background:#1fa360; border:0; cursor:pointer; float:left;}

.header.fixed ul.nav li a{ color:#333;}
.header.fixed ul.nav li a:hover,
.header.fixed ul.nav li.on a,
.header.fixed ul.nav li.cur a{ color:#1fa360; border-bottom-color:#1fa360;}
.header.fixed ul.nav li p.sub{ background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.3);}
.header.fixed ul.nav li p.sub a{ color:#333; border-top-color:#dedede;}
.header.fixed ul.nav li p.sub a:hover{ color:#1fa360;}
.header.fixed ul.nav li a.lang{ color:#333; background-position:right bottom;}
.header.fixed ul.nav li a.search{ background-image:url(../images/common/search_fix.png);}
.header.fixed ul.nav form.search{ box-shadow:0 0 4px 0 rgba(0,0,0,0.3);}

/*banner*/
.banner{ height:524px; height:424px; overflow:hidden;}

/*底部*/
.footer{ padding:28px 0 32px; border-top:2px solid #e0e0e0;}
.footer .foot{ width:1200px; margin:0 auto;}
.footer p.code{ display:block; height:30px; padding:8px 4px 34px; float:right; padding-bottom:0;}
.footer p.code span{ display:block; width:30px; height:30px; background:#ccc; border-radius:50%; float:left; position:relative; cursor:pointer; margin:0 0 0 18px;}
.footer p.code img{ display:block; width:30px; height:30px; margin:0 auto;}
.footer p.code em{ display:none; line-height:28px; color:#000; font-size:14px; white-space:nowrap; padding:1px 10px; background:#ccc; border-radius:5px; position:absolute; left:50%; bottom:100%; margin:0 0 14px; transform:translateX(-50%);}
.footer p.code em::after{ content:''; display:block; border:1px solid #eee; border-width:8px 6px 0; border-color:#ccc transparent; position:absolute; left:50%; top:100%; margin-left:-6px;}
.footer p.code em img{ width:80px; height:80px; border-radius:4px; margin:0 -9px;}
.footer p.code span:hover1 em{ display:block;}
.footer p.code a{ display:block; line-height:30px; color:#666; font-size:13px; float:left; margin:0 0 0 30px;}
.footer p.code a:hover{ color:#1fa360;}
.footer .copyright{ line-height:24px; color:#666; font-size:13px; padding:0 4px;}
.footer .copyright a{ color:#666;}
.footer .copyright a:hover{ color:#1fa360;}
.footer .copyright p{ display:block; padding:8px 0 0; margin:8px 0 0; border-top:1px solid #e0e0e0;}

.float{ position:fixed; right:0; bottom:33%; margin-bottom:60px; z-index:9999;}
.float a{ display:block; width:60px; height:60px; margin:0 0 2px; position:relative;}
.float a em{ display:none; white-space:nowrap; background:#eee; padding:8px 16px; position:absolute; right:100%; top:0; margin-right:12px;}
.float a em::after{ content:''; display:block; border:1px solid #eee; border-width:6px 0 6px 8px; border-color:transparent #eee; position:absolute; right:0; top:30px; margin:-6px -8px 0 0;}
.float a em i{ display:block; line-height:44px; color:#666; font-size:14px; text-align:right;}
.float a em img{ display:block; width:100%; margin:0 0 12px;}
.float a.tel{ background:#1fa360 url(../images/common/tel.png) center no-repeat;}
.float a.mail{ background:#1fa360 url(../images/common/mail.png) center no-repeat;}
.float a.wx{ background:#1fa360 url(../images/common/wx.png) center no-repeat;}
.float a:hover em{ display:block;}

/*返回顶部*/
.backToTop{ display:block; width:60px; height:60px; background:#1fa360 url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:0; bottom:33%; z-index:9999; cursor:pointer; text-indent:-9999px;}

/*主体样式*/
.main{ width:1200px; position:relative; margin:0 auto;}
.main::after{ content:''; display:block; clear:both;}
.main p.position{ line-height:52px; color:#999; font-size:14px; padding:8px 0 0; border-bottom:1px solid #ededed;}
.main p.position a{ color:#999;}
.main p.position a:hover{ color:#1fa360;}
.main form.pro{ width:210px; height:28px; background:#f4f4f4; float:right; position:relative; z-index:3; margin:17px 0 0;}
.main form.pro input.txt{ display:block; width:138px; height:28px; color:#666; font-size:14px; background:#f4f4f4; padding:0 18px; border:0; float:left;}
.main form.pro input.btn{ display:block; width:36px; height:28px; background:#f4f4f4 url(../images/common/search_fix.png) center no-repeat; border:0; float:left; cursor:pointer;}

.main dl.menu{ display:block; width:220px; background:#1fa360; overflow:hidden; margin:-28px 64px 0 0; float:left;}
.main dl.menu dt{ display:block; padding:16px 20px 8px;}
.main dl.menu dt b{ display:block; line-height:38px; color:#fff; font-size:25px; overflow:hidden;}
.main dl.menu dt em{ display:block; line-height:26px; color:#b9fbda; font-size:20px; font-family:Cambria; text-transform:uppercase; overflow:hidden;}
.main dl.menu dd{ display:block; overflow:hidden;}
.main dl.menu dd a{ display:block; line-height:40px; color:#fff; font-size:14px; overflow:hidden; padding:0 16px; border-bottom:1px solid #68c194;}
.main dl.menu dd a:hover,
.main dl.menu dd.cur a{ background:#0a904c;}

/*内容样式*/
.main .attr{ overflow:hidden; margin:0 auto;position: relative;}
.main .attr h2.title{ display:block; line-height:40px; color:#333; font-size:30px; padding:38px 0 0;}
.main .attr h2.title em{ display:block; line-height:36px; color:#ddd; font-size:24px; font-weight:normal;}
.main .attr h3.title{ display:block; line-height:60px; color:#333; font-size:30px; text-align:center; padding:48px 0 26px;}
.main .attr p.mark{ display:block; line-height:44px; color:#999; font-size:14px; text-align:center; background:#f5f5f5; margin:0 0 8px;}
.main .article{ line-height:2.57; color:#333; font-size:14px; overflow:hidden; padding:24px 0 52px;}

/*文章切换*/
.main .change{ overflow:hidden; padding:26px 0 56px; border-top:1px solid #ddd;}
.main .change p{ display:block; max-width:46%; line-height:52px; color:#999; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p:first-child{ margin-right:8%;}
.main .change p a{ color:#999;}
.main .change p a:hover{ color:#1fa360;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 60px;}
.pages span,
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:16px; color:#999; height:24px; line-height:24px; text-align:center; padding:7px 12px; background:#f5f5f5; margin:0 6px;}
.pages a:hover,
.pages span{ color:#fff; background:#1fa360; border-color:#1fa360;}

/*发展历程*/
.licheng{ padding:8px 0 54px; border-top:1px solid #ededed;}
.licheng .slide{ position:relative;}
.licheng .slide .bd{ width:912px; position:relative; z-index:3; margin:0 auto;}
.licheng .slide .bd .tempWrap{ width:936px; margin:0 -12px;}
.licheng .slide .bd ul{ display:block; overflow:hidden;}
.licheng .slide .bd ul li{ display:block; width:312px; overflow:hidden; position:relative; float:left;}
.licheng .slide .bd ul li.t{ padding:0 0 60px;}
.licheng .slide .bd ul li.b{ padding:60px 0 0;}
.licheng .slide .bd ul li i{ display:block; width:14px; height:132px; background:url(../images/icons/line.png) no-repeat; float:left; margin:24px 24px 0 12px;}
.licheng .slide .bd ul li em{ display:block; line-height:64px; color:#1fa360; font-size:24px; font-weight:bold; overflow:hidden; margin-right:12px;}
.licheng .slide .bd ul li .txt{ display:block; min-height:78px; line-height:26px; color:#333; font-size:14px; overflow:hidden; padding:4px 12px 0 0;}
.licheng .slide a.prev{ display:block; width:36px; height:36px; background:url(../images/icons/prev.png) center top no-repeat; position:absolute; right:56px; top:0; margin-top:-52px;}
.licheng .slide a.prevStop{ background-position:center bottom; cursor:default;}
.licheng .slide a.next{ display:block; width:36px; height:36px; background:url(../images/icons/next.png) center top no-repeat; position:absolute; right:0; top:0; margin-top:-52px;}
.licheng .slide a.nextStop{ background-position:center bottom; cursor:default;}

/*产品列表*/
.main dl.proList{ display:block; overflow:hidden; margin:8px -13px 60px;}
.main dl.proList dt{ display:block; overflow:hidden; margin:24px 14px;}
.main dl.proList dd a.pic{ display:block; overflow:hidden; position:relative;}
.main dl.proList dd a.pic img{ display:block; width:100%; height:auto;}
.main dl.proList dd{ display:block; width:240px; overflow:hidden; padding:18px 22px 24px; border:1px solid #ddd; float:left; margin:28px 14px 0;}
.main dl.proList dd:hover{ border-color:#1fa360;}
.main dl.proList dd a.pic{ display:block; overflow:hidden; position:relative;}
.main dl.proList dd a.pic img{ display:block; width:100%; height:150px; margin:0 auto;}
.main dl.proList dd a.title{ display:block; line-height:28px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:12px 0 0;}
.main dl.proList dd a.title:hover{ color:#1fa360; font-weight:bold;}
.main dl.proList dd p{ display:block; height:40px; line-height:20px; color:#666; font-size:14px; overflow:hidden; padding:4px 0 0; margin-bottom:-20px;}
.main dl.proList dd p a{ color:#1fa360;}
.main dl.proList dd .txt{ display:none; height:72px; line-height:24px; color:#999; font-size:13px; overflow:hidden; padding:10px 0 0;}

/*创新发展*/
dl.chuangxin{ display:block; padding:24px 0 0;}
dl.chuangxin dt{ display:block; line-height:84px; color:#333; font-size:24px; text-align:center;}
dl.chuangxin dd{ display:block; padding:0 0 20px;}
dl.chuangxin dd em{ display:block; line-height:56px; color:#0e7741; font-size:18px;}
dl.chuangxin dd table{ width:100%; border-collapse:collapse;}
dl.chuangxin dd table tr th{ line-height:46px; color:#666; font-size:16px; font-weight:normal; text-align:left; padding:0 20px; background:#f3f3f3;}
dl.chuangxin dd table tr td{ line-height:20px; color:#333; font-size:14px; text-align/:center; padding:10px 6px; padding:10px 20px; border-bottom:1px solid #ddd;}
dl.chuangxin dd p{ display:block; line-height:36px; color:#333; font-size:16px; text-align:center; padding:26px 0;}
dl.chuangxin dd p a{ color:#ff3838; text-decoration:underline;}

/*新闻列表*/
.main p.year{ display:block; line-height:68px; color:#333; font-size:14px; font-weight:bold; text-align:right; padding:16px 0 0;}
.main p.year a{ color:#333; margin:0 12px;}
.main p.year a:hover,
.main p.year a.cur{ color:#1fa360;}
.main p.year span:first-child{ display:none;}

.main ul.newsList{ display:block; overflow:hidden; padding:0 0 54px;}
.main ul.newsList li{ display:block; overflow:hidden; padding:22px 0; border-bottom:1px solid #ddd;}
.main ul.newsList li span{ display:block; width:84px; height:84px; line-height:22px; color:#fff; font-size:13px; text-align:center; background:#f8b61a; float:left; margin-right:34px;}
.main ul.newsList li span em{ display:block; line-height:38px; font-size:32px; padding:12px 0 0;}
.main ul.newsList li a.title{ display:block; line-height:29px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#1fa360;}
.main ul.newsList li .txt{ display:block; height:48px; line-height:24px; color:#868686; font-size:14px; padding:6px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.main ul.mediaList{ display:block; overflow:hidden; padding:0 0 52px;}
.main ul.mediaList li{ display:block; overflow:hidden; padding:22px 0; border-bottom:1px solid #ddd;}
.main ul.mediaList li a.pic{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.mediaList li a.pic img{ display:block; width:140px; height:102px;}
.main ul.mediaList li span{ display:block; line-height:36px; color:#999; font-size:14px; float:right; margin-left:30px;}
.main ul.mediaList li a.title{ display:block; line-height:36px; color:#333; font-size:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.mediaList li a.title:hover{ color:#1fa360;}
.main ul.mediaList li .txt{ display:block; height:38px; line-height:38px; color:#868686; font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.mediaList li a.more{ display:block; width:116px; line-height:28px; color:#999; font-size:14px; overflow:hidden;}
.main ul.mediaList li a.more:hover{ color:#1fa360;}

/*招聘列表*/
form.job{ display:block; width:546px; overflow:hidden; padding:50px 0 38px; float:right;}
form.job input.txt{ display:block; width:176px; height:38px; color:#666; font-size:14px; background:#fff; padding:0 14px; border:1px solid #ddd; float:left; margin-right:12px;}
form.job select{ display:block; width:100px; height:40px; color:#666; font-size:14px; background:#fff; padding:0 10px; border:1px solid #ddd; float:left; margin-right:12px; cursor:pointer;}
form.job input.btn{ display:block; width:104px; height:40px; color:#fff; font-size:16px; background:#1fa360; border:0; float:left;}

.main dl.jobList{ display:block; overflow:hidden; padding:0 0 56px; clear:both;}
.main dl.jobList dt{ display:block; line-height:48px; color:#333; font-size:14px; background:url(../images/icons/open.png) right center no-repeat; padding:0 140px 0 32px; overflow:hidden; border:1px solid #e6e6e6; cursor:pointer; margin:12px 0 0;}
.main dl.jobList dt span{ display:block; width:28.33%; text-align:left; float:left;}
.main dl.jobList dt span:first-child{ width:43.33%; text-align:left;}
.main dl.jobList dt span:last-child{ text-align:right;}
.main dl.jobList dt.open{ background:#f9f9f9 url(../images/icons/close.png) right center no-repeat;}
.main dl.jobList dd{ display:none; border:1px solid #e6e6e6; border-top:0; padding:0 32px 16px;}
.main dl.jobList dd .txt{ line-height:24px; color:#888; font-size:14px; padding:12px 0;}
.main dl.jobList dd .txt em{ display:block; line-height:50px;}
.main dl.jobList dd a.btn{ display:block; width:142px; line-height:42px; color:#fff; font-size:14px; text-align:center; background:#f8b61a; margin:16px 0;}

.main form.zixun{ display:block; padding:0 42px 0 0; background:#fafafa; overflow:hidden; border:1px solid #ddd; margin:40px 0 44px;}
.main form.zixun h3{ line-height:84px; color:#333; font-size:24px; font-weight:normal; text-align:center; padding:20px 0 4px 42px;}
.main form.zixun p{ display:block; overflow:hidden; padding:10px 0;}
.main form.zixun p label{ display:block; width:112px; line-height:40px; color:#666; font-size:14px; text-align:right; float:left; margin:0 12px 0 0;}
.main form.zixun p input.text{ display:block; width:282px; height:38px; color:#666; font-size:14px; padding:0 14px; background:#fff; border:1px solid #ddd; float:left;}
.main form.zixun p ::placeholder{ color:#666;}
.main form.zixun p input.long{ width:826px;}
.main form.zixun p input.short{ width:160px;}
.main form.zixun p label.radio{ width:auto; text-align:left; cursor:pointer; margin-right:44px;}
.main form.zixun p label.radio input{ display:block; width:15px; height:46px; float:left; cursor:pointer; margin-right:10px;}
.main form.zixun p select{ display:block; width:312px; height:40px; color:#666; font-size:14px; padding:0 10px; background:#fff; border:1px solid #ddd; float:left; cursor:pointer;}
.main form.zixun p textarea{ display:block; width:718px; height:108px; line-height:26px; color:#666; font-size:14px; padding:6px 14px; background:#fff; border:1px solid #ddd; resize:none; float:left;}
.main form.zixun p img{ display:block; height:40px; font-size:inherit; border-radius:3px; float:left; cursor:pointer; margin:0 0 0 14px;}
.main form.zixun p.tips{ line-height:26px; color:red; font-size:13px; padding-left:142px;}
.main form.zixun p.tips u{ color:#1fa360;}
.main form.zixun p input.btn{ display:block; width:186px; height:44px; color:#fff; font-size:16px; background:#1fa360; border:0; cursor:pointer; margin:28px auto 48px;}








/**/