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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ min-width:1240px; background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; padding:0 0 8px; background:url(../images/common/head_bg.png) center top no-repeat; position:absolute; left:0; top:0; z-index:99;}
.header .head{ width:1460px; position:relative; margin:0 auto; z-index:3;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:99;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; height:122px;}

/*导航*/
ul.nav{ display:flex; justify-content:flex-end; height:92px; font-size:16px; padding:0 0 38px; position:relative;}
ul.nav li{ display:block; float:left; position:relative;}
ul.nav li:nth-child(-n+3){ margin-right:5.5%;}
ul.nav li:nth-child(4){ margin-right:auto;}
ul.nav li:nth-child(n+5){ margin-left:5.5%;}
ul.nav li a{ display:block; line-height:92px; color:#333; font-weight:bold; text-align:center; overflow:hidden; white-space:nowrap; position:relative;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#048a35; font-weight:bold;}

ul.nav li p.sub{ display:none; min-width:7em; background:#fff; border-top:3px solid #048a35; position:absolute; left:50%; top:100%; transform:translate(-50%,-2px); z-index:99; box-shadow:0 0 8px rgba(22,22,22,0.2);}
ul.nav li p.sub a{ width:auto; line-height:3.125; color:#444; font-size:0.875em; font-weight:normal; padding:0 0.5em; background:none; border-radius:0; transition:all ease 0.4s;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub.on a{ color:#048a35; background:#f4f4f4;}

/*banner*/
.banner{ width:100vw; height:612px; overflow:hidden; position:relative;}
.banner .bg{ display:block; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0; z-index:1; transition:all ease 2s; transform:scale(1.12); opacity:0;}
.banner h2{ display:block; width:1460px; line-height:1; color:#048a35; font-size:60px; font-weight:normal; font-family:"思源黑体","思源黑体 CN"; text-shadow:3px 3px 6px rgba(4,138,52,0.3); position:absolute; left:55%; top:302px; z-index:2; transform:translate3d(-50%,0,0); transition:all ease 1.5s; opacity:0;}
.banner h2 span{ display:block; font-size:0.36em; font-family:'TrajanPro Bold',Arvo; text-transform:uppercase; text-shadow:none; padding:30px 0 0;}
.banner.on .bg{ transform:scale(1); opacity:1;}
.banner.on h2{ left:50%; opacity:1;}

.banner.s3 h2{ color:#d71f1d; text-align:center; text-shadow:3px 3px 6px rgba(215,31,29,0.3); left:50%;}
.banner.s3.on h2{ transform:translate3d(-50%,-40px,0);}
.banner.s4 h2{ color:#fff;}
.banner.s5 h2{ color:#fff; text-shadow:3px 3px 6px rgba(0,0,0,0.3);}
.banner.s6 h2{ color:#fff; text-shadow:3px 3px 6px rgba(0,0,0,0.3);}
.banner.s7 h2{ display:none;}

.slogan{ background:#048a35; padding:42px 0;}
.slogan img{ display:block; height:50px; float:left;}
.slogan a{ display:block; width:204px; line-height:50px; color:#fff; font-size:18px; text-align:center; background:#50ad72; border-radius:8px; float:right;}
.slogan a:hover{ color:#048a35; background:#fff;}

/*底部*/
.footer{ background:url(../images/common/foot_bg.jpg) center no-repeat; background-size:cover; padding:54px 0 0;}
.footer .foot{ width:1460px; margin:0 auto; position:relative;}
.footer .foot::before,
.footer .foot::after{ content:''; display:block; overflow:hidden; clear:both;}
.footer .left{ padding:0 0 48px;}
.footer a.logo{ display:inline-block; vertical-align:top; margin:0 0 24px;}
.footer a.logo img{ display:block; height:74px;}
.footer p{ display:block; line-height:36px; color:#999; font-size:14px; padding-left:18px;}
.footer p img{ display:block; height:18px; float:left; margin:9px 9px 0 -18px; opacity:0.8;}
.footer p span{ display:inline-block; vertical-align:top; transform:skewX(-14deg);}
.footer .code{ line-height:1; color:#999; font-size:14px; text-align:center; padding:6px 0 48px; float:right;}
.footer .code img{ display:block; height:116px; box-shadow:0 0 15px rgba(150,150,150,0.2); margin:0 auto 26px;}
.footer dl{ display:block; float:left; padding:0 0 48px; margin-right:76px;}
.footer dl dt{ display:block; padding:0 0 16px 0;}
.footer dl dt a{ display:block; line-height:38px; color:#333; font-size:18px;}
.footer dl dt a:hover{ color:#048a35;}
.footer dl dd{ display:block;}
.footer dl dd a{ display:block; line-height:32px; color:#999; font-size:14px;}
.footer dl dd a:hover{ color:#048a35; text-decoration:underline;}
.footer .copyright{ line-height:2; color:#999; font-size:14px; overflow:hidden; padding:2em 0; border-top:1px solid #f2f2f2; clear:both;}
.footer .copyright a:hover{ color:#048a35; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png); position:fixed; right:20px; bottom:60px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}

/*主体样式*/
.main{ min-height:calc(100vh - 906px); margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.main .position{ line-height:3.75em; font-size:16px; background:#fbfbfb;}
.main .position::before,
.main .position::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .position ul{ display:block; float:left;}
.main .position ul li{ display:block; float:left; margin:0 6px 0 0;}
.main .position ul li a{ display:block; color:#666; padding:0 1.5em; position:relative;}
.main .position ul li a:hover,
.main .position ul li.cur a{ color:#048a35; font-weight:bold;}
.main .position ul li.cur a::after{ content:''; display:block; width:100%; height:2px; background:#048a35; position:absolute; left:0; bottom:0; transform:translateY(1px);}
.main .position p{ display:block; color:#999; font-size:0.9375em; text-align:right; overflow:hidden;}
.main .position p a{ margin:0 0.5em;}
.main .position p a.home{ padding-left:2em; background:url(../images/icons/home.png) left center no-repeat;}
.main .position p a:hover{ color:#048a35;}

/*内容样式*/
.main .attr{ width:1460px; margin:0 auto; position:relative;}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:3.45; color:#333; font-size:40px; font-weight:normal; text-align:center; padding:0.25em 0;}
.main .attr h3.title{ display:block; line-height:2; color:#333; font-size:36px; font-weight:normal; text-align:center; padding:1.14em 0 0;}
.main .attr p.mark{ display:block; line-height:3.5; color:#999; font-size:16px; text-align:center; padding:0 0 1.5em;}
.main .attr p.mark font{ margin:0 1.5em 0 0;}
.main .article{ line-height:2.625; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:2.5em 0 3em; border-top:1px solid #ececec;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

/*文章切换*/
.main .change{ display:flex; justify-content:space-between; overflow:hidden; font-size:16px; padding:2.25em 0; border-top:1px solid #ebebeb; margin:0.5em 0 2.25em;}
.main .change p{ display:block; max-width:48%; line-height:3; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p:nth-child(1) a::before{ content:'<<'; margin-right:4px;}
.main .change p:nth-child(2) a::before{ content:'>>'; display:block; float:right; margin-left:4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#048a35;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 76px;}
.pages span,
.pages a{ display:inline-block; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; padding:9px 15px; border:1px solid #d2d2d2; margin:0 8px; cursor:pointer;}
.pages span{ color:#fff; background:#048a35; border-color:#048a35;}
.pages li {display: inline-block;}

.main ul.honorList{ display:block; overflow:hidden; margin:0 -30px 52px;}
.main ul.honorList li{ display:block; width:20%; width:25%; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; margin:10px 30px 10px;}
.main ul.honorList li a em{ display:block; padding:20px; background:url(../images/common/h_l.jpg) left top no-repeat, url(../images/common/h_r.jpg) right top no-repeat; background-size:20px 100%; overflow:hidden; position:relative;}
.main ul.honorList li a i{ display:block; width:100%; height:100%; background:url(../images/common/h_t.jpg) left top no-repeat, url(../images/common/h_b.jpg) right bottom no-repeat; background-size:100% 20px; position:absolute; left:0; top:0; z-index:1;}
.main ul.honorList li a i::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/h_lt.jpg) left top no-repeat, url(../images/common/h_rt.jpg) right top no-repeat, url(../images/common/h_lb.jpg) left bottom no-repeat, url(../images/common/h_rb.jpg) right bottom no-repeat; background-size:20px 20px; position:absolute; left:0; top:0; z-index:1;}
.main ul.honorList li a img{ display:block; width:100%; height:282px; height:386px; transition:all ease 0.5s;}
.main ul.honorList li a span{ display:block; line-height:4.25; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.honorList li a:hover span{ color:#048a35; font-weight:bold;}

.main ul.teamList{ display:block; overflow:hidden; margin:0 -15px 52px;}
.main ul.teamList li{ display:block; width:25%; float:left;}
.main ul.teamList li a{ display:block; overflow:hidden; margin:10px 15px 10px;}
.main ul.teamList li a em{ display:block; padding:10px; border:1px solid #ddd; overflow:hidden; position:relative; transition:all ease 0.5s;}
.main ul.teamList li a img{ display:block; width:100%; height:240px; transition:all ease 0.5s;}
.main ul.teamList li a span{ display:block; line-height:4.25; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.teamList li a:hover em{ border-color:#048a35;}
.main ul.teamList li a:hover span{ color:#048a35; font-weight:bold;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; overflow:hidden; padding:0 0 60px; margin:0 -14px;}
.main ul.newsList li{ display:block; width:25%; float:left;}
.main ul.newsList li .box{ background:#f8f8f8; padding:0 22px 20px; border-radius:10px; overflow:hidden; margin:8px 14px 20px;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; margin:0 -22px;}
.main ul.newsList li a.pic img{ display:block; width:100%; height:208px; transition:all ease 0.5s;}
.main ul.newsList li span{ display:block; line-height:2.8; color:#999; font-size:15px; overflow:hidden; padding:0.8em 0 0;}
.main ul.newsList li a.title{ display:block; line-height:28px; color:#333; font-size:18px; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.title:hover{ color:#048a35;}
.main ul.newsList li a.more{ display:block; line-height:58px; color:#048a35; font-size:15px; overflow:hidden; float:left;}
.main ul.newsList li a.more:hover{ text-decoration:underline;}

.main ul.List{ display:block; font-size:16px; overflow:hidden; padding:0 0 70px;}
.main ul.List li{ display:block; overflow:hidden; border-bottom:1px solid #eee; padding:32px 0;}
.main ul.List li span{ display:block; width:86px; height:86px; line-height:1; color:rgba(255,255,255,0.4); font-size:16px; font-family:Impact; text-align:center; background:#048a35; border-radius:10px; overflow:hidden; float:left; margin-right:30px;}
.main ul.List li span em{ display:block; color:#fff; font-size:30px; padding:12px 0 12px;}
.main ul.List li a.title{ display:block; line-height:42px; color:#333; font-size:1.125em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.List li a.title:hover{ color:#048a35;}
.main ul.List li .txt{ display:block; line-height:1.875; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.main dl.mediaList{ display:block; font-size:16px; overflow:hidden; padding:10px 0 38px;}
.main dl.mediaList dt{ display:block; background:#f8f8f8; margin:0 0 38px;}
.main dl.mediaList dt::before,
.main dl.mediaList dt::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.mediaList dt a.pic{ display:block; width:50%; overflow:hidden; float:left; margin-right:3.25em;}
.main dl.mediaList dt a.pic img{ display:block; width:100%; height:452px; transition:all ease 0.5s;}
.main dl.mediaList dt a.title{ display:block; height:3.5em; line-height:1.75; color:#333; font-size:1.5em; margin:3.7% 0 0; margin-right:2.16em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main dl.mediaList dt a.title:hover{ color:#048a35;}
.main dl.mediaList dt .txt{ display:block; height:8em; line-height:2; color:#999; margin:1.72% 0 0; margin-right:3.25em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}
.main dl.mediaList dt a.more{ display:block; width:8.875em; line-height:2.875; color:#fff; text-align:center; background:#d40604; border-radius:1.4375em; overflow:hidden; float:left; margin:3.56% 0 0; transition:all ease 0.5s;}
.main dl.mediaList dt a.more:hover{ background:#048a35;}
.main dl.mediaList dd{ display:block; border:1px solid #eee; padding-right:2.25em; margin:0 0 38px;}
.main dl.mediaList dd::before,
.main dl.mediaList dd::after{ content:''; display:block; overflow:hidden; clear:both;}
.main dl.mediaList dd a.pic{ display:block; overflow:hidden; float:left; margin:-1px; margin-right:2.25em;}
.main dl.mediaList dd a.pic img{ display:block; width:24.5em; height:14.875em; transition:all ease 0.5s;}
.main dl.mediaList dd span{ display:block; line-height:2.25; color:#048a35; overflow:hidden; padding:1.5em 0 0;}
.main dl.mediaList dd a.title{ display:block; line-height:2.6; color:#333; font-size:1.375em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main dl.mediaList dd a.title:hover{ color:#048a35;}
.main dl.mediaList dd .txt{ display:block; height:3.75em; line-height:1.875; color:#999;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main dl.mediaList dd a.more{ display:block; line-height:3.6; color:#999; font-size:0.9375em; overflow:hidden; float:left;}
.main dl.mediaList dd a.more:hover{ color:#048a35; text-decoration:underline;}

.main .ywInfo{ line-height:2.33; color:#048a35; font-size:18px; overflow:hidden; background:#f8f8f8; padding:1.6em 3%;}
.main ul.yewuList{ display:block; overflow:hidden; padding:0 0 80px;}
.main ul.yewuList li{ display:block; overflow:hidden; padding:50px 0 0;}
.main ul.yewuList li a.pic{ display:block; width:48.5%; overflow:hidden; float:left; margin:0 4% 0 0;}
.main ul.yewuList li:nth-child(even) a.pic{ float:right; margin:0 0 0 4%;}
.main ul.yewuList li a.pic img{ display:block; width:100%; height:448px;}
.main ul.yewuList li a.title{ display:block; line-height:4.8; color:#333; font-size:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 34px; background:url(../images/icons/dot.png) left center no-repeat;}
.main ul.yewuList li a.title:hover{ color:#048a35;}
.main ul.yewuList li .txt{ display:block; height:11.25em; line-height:2.25; color:#666; font-size:16px; padding:0 0 0 30px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.main ul.yewuList li a.more{ display:block; line-height:2; color:#048a35; font-size:15px; padding:0 0 0 30px; overflow:hidden; float:left; margin:48px 0 0;}
.main ul.yewuList li a.more:hover{ text-decoration:underline;}

.main ul.projList{ display:block; overflow:hidden; padding:0 0 48px; margin:0 -17px;}
.main ul.projList li{ display:block; width:33.33%; overflow:hidden; float:left;}
.main ul.projList li a{ display:block; overflow:hidden; margin:0 17px 40px;}
.main ul.projList li em{ display:block; overflow:hidden;}
.main ul.projList li em img{ display:block; width:100%; height:294px;}
.main ul.projList li span{ display:block; height:4em; line-height:2; color:#333; font-size:18px; margin:28px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.projList li a:hover span{ color:#048a35;}

.main ul.download{ display:block; overflow:hidden; padding:0 0 76px;}
.main ul.download li{ display:block; line-height:82px; font-size:16px; overflow:hidden; border-bottom:1px solid #ececec;}
.main ul.download li a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:40px; background:url(../images/icons/dot.png) left 16px center no-repeat; background-size:5px auto; float:left; max-width:calc(100% - 500px);}
.main ul.download li a.btn{ width:100px; color:#0060ff; text-decoration:underline; padding:0; background:0; float:right;}
.main ul.download li a:hover{ color:#048a35;}
.main ul.download li span{ display:block; width:250px; color:#999; float:right; margin-left:100px;}

.main form.msg{ display:block; max-width:1236px; margin:0 auto;}
.main form.msg p{ display:block; overflow:hidden; padding:30px 0; border-bottom:1px solid #ececec;}
.main form.msg label{ display:block; width:94px; line-height:60px; color:#333; font-size:16px; text-align:right; float:left; margin-right:22px;}
.main form.msg label font{ color:#f00;}
.main form.msg input.text{ display:block; box-sizing:border-box; width:468px; height:60px; color:#333; font-size:16px; background:#fff; padding:0 24px; border:1px solid #ececec; float:left;}
.main form.msg textarea{ display:block; box-sizing:border-box; width:1068px; height:182px; line-height:28px; color:#333; font-size:16px; background:#fff; padding:15px 24px; border:1px solid #ececec; float:left; resize:none;}
.main form.msg textarea::placeholder{ color:#f00;}
.main form.msg p.txt{ line-height:1.2; color:#333; font-size:18px; border:0; padding-top:0;}
.main form.msg p.tip{ line-height:1.2; color:#999; font-size:14px; border:0;}
.main form.msg p.btns{ text-align:center; border:0;}
.main form.msg input.btn{ display:inline-block; vertical-align:top; width:190px; height:56px; color:#fff; font-size:20px; background:#048a35; border:0; margin:12px 15px 64px;}
.main form.msg input.reset{ background:#b0b0b0;}

/*联系我们*/
.main ul.contact{ display:block; overflow:hidden; border:1px solid #ececec; border-width:1px 0 0 1px; margin:0 0 60px;}
.main ul.contact li{ display:block; width:33.33%; float:left;}
.main ul.contact li div{ overflow:hidden; padding:34px 36px; border:1px solid #ececec; border-width:0 1px 1px 0;}
.main ul.contact li img{ display:block; height:82px; float:left; margin:9px 0; margin-right:28px;}
.main ul.contact li img.code{ height:100px; float:right; margin:0 16% 0 0; box-shadow:0 0 15px rgba(150,150,150,0.2);}
.main ul.contact li b{ display:block; line-height:46px; color:#048a35; font-size:20px; overflow:hidden;}
.main ul.contact li p{ display:block; height:52px; line-height:26px; color:#333; font-size:16px; overflow:hidden;}
.main .map{ overflow:hidden; margin:0 0 80px;}

.main dl.jobList{ display:block; overflow:hidden; padding:0 0 120px;}
.main dl.jobList dt{ display:block; line-height:62px; color:#666; font-size:16px; background:#f5f5f5; padding:0 0 0 48px; overflow:hidden; cursor:pointer; user-select:none; margin:3px 0 0;}
.main dl.jobList dt.open{ color:#fff; background:#048a35;}
.main dl.jobList dt span{ display:block; width:16%; float:left; margin:0 0 0 2%;}
.main dl.jobList dt span:first-child{ width:26%; text-align:left; margin:0;}
.main dl.jobList dd{ display:none; line-height:2; color:#666; font-size:15px; overflow:hidden; padding:28px 48px 56px; border:1px solid #f5f5f5; border-top:0;}
.main dl.jobList dd.open{ border-color:#048a35;}

@media only screen and (max-width:1500px){
.header .head,
.banner h2,
.footer .foot,
.main .attr{ width:1200px;}

ul.nav li:nth-child(-n+3){ margin-right:4%;}
ul.nav li:nth-child(n+5){ margin-left:4%;}

.footer dl{ margin-right:42px;}

.main ul.honorList{ margin-left:-16px; margin-right:-16px;}
.main ul.honorList li a{ margin-left:16px; margin-right:16px;}
.main ul.honorList li a img{ height:240px; height:334px;}

.main ul.teamList{ margin-left:-10px; margin-right:-10px;}
.main ul.teamList li a{ margin-left:10px; margin-right:10px; margin-top:0;}
.main ul.teamList li a img{ height:196px;}

.main ul.newsList{ margin-left:-10px; margin-right:-10px;}
.main ul.newsList li .box{ margin-left:10px; margin-right:10px;}
.main ul.newsList li a.pic img{ height:174px;}

.main dl.mediaList dt a.pic img{ height:372px;}
.main dl.mediaList dt .txt{ height:6em; -webkit-line-clamp:3;}

.main ul.yewuList li a.pic img{ height:368px;}
.main ul.yewuList li .txt{ height:9em; -webkit-line-clamp:4;}

.main ul.projList{ margin-left:-12px; margin-right:-12px;}
.main ul.projList li a{ margin-left:12px; margin-right:12px;}
.main ul.projList li em img{ height:244px;}

.main ul.contact li img.code{ margin-right:4px;}
}









/**/