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

.ani{
	transition:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */
}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:100%; min-width:1356px; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; height:auto; background:#0a132b; margin:0 auto; z-index:99; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0;}
.header .head{ width:1336px; height:auto; margin:0 auto; z-index:99; position:relative;}
.header .head::after{ content:''; display:block; height:0; clear:both;}
.header h1.logo{ display:block; height:120px; overflow:hidden; position:relative; z-index:4;}
.header h1.logo a{ display:block; height:100%; float:left;}
.header h1.logo a img{ display:block; height:100%;}
.header h1.logo a img.index{ display:none;}
.header a.gosearch{ display:block; width:72px; height:120px; background:url(../images/common/head_sraech.png) center no-repeat; float:right; position:relative; z-index:99;}
.header form.search{ display:block; overflow:hidden; background:#263660; padding:9px; position:absolute; right:1px; top:100%; z-index:-1; transition:all 0.36s ease; transform:translateY(-100%); transform:translateY(-28%); opacity:0;}
.header form.search.show{ transform:translateY(0); z-index:2; opacity:1;}
.header form.search input.txt{ display:block; width:232px; height:38px; color:#fff; font-size:15px; background:none; padding:4px 10px; border:1px solid #465478; border-right:0; box-sizing:border-box; float:left;}
.header form.search input.txt::placeholder{ color:#ddd;}
.header form.search input.btn{ display:block; width:56px; height:38px; color:#fff; font-size:15px; border:0; background:#00a65c; background-size:52% auto; cursor:pointer; float:left;}

/*导航样式*/
ul.nav{ display:block; background/:#0a132b; padding:0 8px; position:relative; z-index:99; float:right;}
ul.nav::after{ content:''; display:block; height:0; clear:both;}
ul.nav li{ display:block; height:120px; float:left; position:relative; z-index:99;}
ul.nav li a{ display:block; min-width:4em; height:117px; line-height:120px; color:#fff; font-size:16px; text-align:center; border-bottom:3px solid #0a132b; position:relative; transition:none; padding:0 12px; margin:0 10px;}
ul.nav li a:hover,
ul.nav li:hover a,
ul.nav li.cur a{ color:#00a65c; font-weight:bold; border-bottom:3px solid #00a65c;}
ul.nav li.on dl.subNav li a{ color:#fff;}

ul.nav li p.sub{ display:none; width:1200px; text-align:center; position:absolute; left:50%; top:100%; margin-left:-600px;}
ul.nav li p.sub a{ display:inline-block; width:auto; min-width:0; height:auto; line-height:60px; color:#0a132b; font-weight:normal; vertical-align:top; border:0; position:relative; padding:0 16px; margin:0 16px;}
ul.nav li p.sub a:after{ content:'|'; display:block; color:#0a132b !important; position:absolute; right:-20px; top:0;}
ul.nav li p.sub a:last-child:after{ display:none;}
ul.nav li p.sub a:hover{ color:#fff;}

ul.nav li:hover p.sub{ display:block;}

/*banner样式*/
.banner{ width:100%; height:482px; height:602px; overflow:hidden; position:relative; z-index:1;}
.banner .tempWrap{ height:100%; margin:0 auto;}
.banner .bd{ position:relative; z-index:0; height:100%;}
.banner .bd ul{ display:block; transition:all;}
.banner .bd ul li{ display:block; width:100%;position:relative;}
.banner .bd ul li a{ display:block; width:100%; height:482px;  height:602px; position:relative; background-size:cover !important;}
.banner .hd{ width:50%; overflow:hidden; text-align:center; position:absolute; left:25%; bottom:3.6%; z-index:1;}
.banner .hd ul{ display:block; height:12px;}
.banner .hd ul li{ display:inline-block; width:12px; height:12px; background:#fff; border-radius:50%; vertical-align:top; cursor:pointer; margin:0 6px;}
.banner .hd ul li.on{ background:#00a65c;}
 
/*footer样式*/
.footer{ background:#4c4c4c; padding:10px 0;}
.footer .foot{ width:1336px; margin:0 auto;}
.footer .copyright{ line-height:30px; color:#ddd; font-size:14px; overflow:hidden;}
.footer .copyright a{ color:#ddd;}
.footer .copyright a:hover{ color:#fff;}

/*主体样式*/
.main{ width:1336px; height:auto; position:relative; z-index:99; margin:0 auto;}
.main::after{ content:''; display:block; height:0; clear:both;}

.leftCon{ width:270px; float:left; margin:0 68px 48px 0; margin-top:35px;}
.leftCon h2{ display:block; line-height:42px; color:#b9babe; font-size:20px; font-weight:normal; font-family:Arial; text-align:right; text-transform:uppercase; background:#0a132b; padding:26px 46px 24px 0; transform/:translateY(-76px); position:relative; z-index:5; margin-bottom/:-76px; margin-top:0; background:#263660; padding-left:46px; text-align:center;}
.leftCon h2 strong{ display:block; line-height:58px; color:#fff; font-size:30px;}
.leftCon ul{ display:block; background:#263660; padding:6px 0 80px; margin:0 auto; background:#bfc8df;}
.leftCon ul::after{ content:''; display:block; height:0; clear:both;}
.leftCon ul li{ display:block; padding:6px 30px; position:relative;}
.leftCon ul li a{ display:block; line-height:56px; color:#fff; font-size:16px; background:url(../images/common/left_list_bg.png) right center no-repeat; padding:0 10px; border-bottom:1px solid #465478; color:#333; border-color:#333;}
.leftCon ul li a:hover,
.leftCon ul li.cur a{ color:#00a65c;}
.leftCon .contact{ line-height:36px; color:#333; font-size:16px; background:#bfc8df; padding:28px 24px 36px; margin:28px 0 0;}
.leftCon .contact strong{ display:block; line-height:38px; color:#0b459f; font-size:20px; background:url(../images/common/left_hotline.png) 4px center no-repeat; padding:0 0 0 48px;}
.leftCon .contact em{ display:block; line-height:42px; color:#00b046; font-size:30px; font-family:Impact; padding:0 4px 16px;}
.leftCon .contact span{ display:block; line-height:44px; color:#0b459f; font-size:18px; text-align:center; padding:16px 0 0;}
.leftCon .contact img{ display:block; width:164px; margin:0 auto;}

.rightCon{ overflow:hidden;}
.main .position{ display:block; line-height:56px; color:#999; font-size:14px; text-align:right; border-bottom:1px solid #e6e6e6; position:relative; padding:20px 0 0;}
.main .position strong{ display:block; color:#00a65c; font-size:20px; padding:0 18px; position:relative; float:left;}
.main .position strong::before{ content:''; display:block; width:4px; height:26px; background:#00a65c; position:absolute; left:0; top:50%; margin-top:-13px;}
.main .position a{ color:#999; padding:0 4px; margin:0 4px;}
.main .position a:hover{ color:#00a65c;}
.main .attr{ height:auto; margin:0 auto;}

/*内容样式*/
.main h2.title{ display:block; width:1300px; font-weight:normal; text-align:center; overflow:hidden; position:relative; margin:56px auto 0;}
.main h2.title em{ display:block; height:1.88em; line-height:1.88em; color:#005798; font-size:36px; font-weight:bold; position:relative;}
.main h2.title span{ display:block; height:1.9em; line-height:1.9em; color:#cfcfcf; font-size:22px; font-family:Arial;}
.main h3.title{ display:block; line-height:1.8em; color:#333; font-size:24px; font-weight:bold; text-align:center; padding:2em 0 0.9em; margin:0 1.75em;}
.main p.mark{ display:block; line-height:1.5em; color:#999; font-size:16px; text-align:center; padding:0.5em 0 0;}
.main .article{ line-height:2.5em; color:#666; font-size:16px; font-family:"微软雅黑"; font-weight:normal; padding:22px 4px;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit; font-family:inherit;}
.main .article img{ max-width:100%;}

/*文章切换*/
.main .change{ border-top:1px solid #ddd; margin:24px 0 -22px; overflow:hidden; padding:14px 0;}
.main .change p{ display:block; height:44px; line-height:44px; color:#666; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 4px;}
.main .change p a{ color:#666;}
.main .change p a:hover{ color:#0b459f;}

/*页码样式*/
.pages{ color:#666; font-size:14px; text-align:center; padding:52px 4px;}
.pages a{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#666; height:24px; line-height:24px; text-align:center; padding:3px 10px; background:#fff; margin:0 6px; border:1px solid #ddd;}
.pages a:active,
.pages a:hover{ color:#fff; background:#00a65c; border-color:#00a65c;}
.pages span{ display:inline-block; *display:inline; *zoom:1; min-width:10px; color:#666; height:24px; line-height:24px; text-align:center; padding:3px 10px; background:#ddd; margin:0 6px; border:1px solid #dddddd; cursor:default;}
.pages span.current{ color:#fff; background:#00a65c; border-color:#00a65c; cursor:pointer;}
.pages span.disabled{ cursor:default;}

/*资质列表*/
.main ul.honorList{ display:block; overflow:hidden; margin:10px -24px 0;}
.main ul.honorList li{ display:block; width:33.33%; padding:24px 24px 0; box-sizing:border-box; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; position:relative;}
.main ul.honorList li a img{ display:block; width:100%; height:205px;}
.main ul.honorList li a span{ display:block; line-height:50px; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.honorList li a:hover span{ color:#00a65c;}

/*资质预览*/
.shadow{ display:none; width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:9998;}
.honorpic{ display:table; width:84%; height:84%; position:fixed; left:8%; top:8%; z-index:-9999; -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease; transform:scale(0.9,0.9);}
.honorpic.show{ transform:scale(1,1); z-index:9999;}
.honorpic a.prev,
.honorpic a.next{ display:none; width:44px; height:74px; position:absolute; top:50%; margin-top:-37px; z-index:2;}
.honorpic a.prev{ background:url(../images/icons/prev.png) center no-repeat; background-size:contain; left:0;}
.honorpic a.next{ background:url(../images/icons/next.png) center no-repeat; background-size:contain; right:0;}
.honorpic .con{ display:table-cell; text-align:center; vertical-align:middle;}
.honorpic .con em{ display:inline-block; background:#fff; border:6px solid #fff; border-radius:4px; margin:-6px 0; position:relative;}
.honorpic .con img{ display:block; max-width:100%; max-height:80vh; border-radius:4px; box-sizing:border-box; margin:0 auto;}
.honorpic .con a.close{ display:none; width:32px; height:32px; background:#fff url(../images/common/close.png) center no-repeat; background-size:90% auto; border-radius:50%; position:absolute; right:0; top:0; margin:-30px;}
.honorpic.show .con a.close{ display:block;}

/*新闻列表*/
.main ul.newsList{ display:block; overflow:hidden;}
.main ul.newsList li{ display:block; padding:32px 2px; overflow:hidden; border-bottom:1px solid #ddd; position:relative;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:30px;}
.main ul.newsList li a.pic img{ display:block; width:240px; height:158px;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.2,1.2);}
.main ul.newsList li span.date{ display:block; line-height:26px; color:#999; font-size:14px; font-family:Arial; float:right; margin-left:48px;}
.main ul.newsList li a.title{ display:block; line-height:26px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#00a65c; transform:translateX(8px);}
.main ul.newsList li .txt{ height:72px; line-height:24px; color:#666; font-size:14px; overflow:hidden; padding:16px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.main ul.newsList li a.more{ display:block; width:106px; line-height:28px; color:#00a65c; font-size:14px; text-align:center; border:1px solid #00a65c; float:right; margin:14px 0 0;}
.main ul.newsList li a.more:hover{ color:#fff; background:#00a65c;}

/*案例列表*/
.main ul.caseList{ display:block; overflow:hidden;}
.main ul.caseList li{ display:block; background:#e6e8ec; padding:16px; overflow:hidden; position:relative; margin:32px 0 0;}
.main ul.caseList li a.pic{ display:block; overflow:hidden; float:left; margin-right:20px;}
.main ul.caseList li a.pic img{ display:block; width:208px; height:152px;}
.main ul.caseList li a.pic:hover img{ transform:scale(1.2,1.2);}
.main ul.caseList li a.title{ display:block; height:38px; line-height:38px; color:#00a65c; font-size:18px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 6px; border-bottom:1px solid #00a65c;}
.main ul.caseList li a.title:hover{ color:#00a65c; text-indent:8px;}
.main ul.caseList li .txt{ height:48px; line-height:24px; color:#666; font-size:14px; overflow:hidden; padding:12px 2px 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.caseList li a.more{ display:block; line-height:40px; color:#00a65c; font-size:14px; float:right; margin:6px 0 0; transform:translateX(-6px);}
.main ul.caseList li a.more:hover{ transform:translateX(0);}

.main ul.caseList li{ width:50%; background:none; padding:0; float:left;}
.main ul.caseList li a.pic{ float:none; margin:0; background:#e6e8ec; margin:0 24px; border-radius:10px 10px 0 0;}
.main ul.caseList li a.pic img{ width:100%; height:328px;}
.main ul.caseList li a.title{ text-align:center; background:#e6e8ec; padding-top:8px; border:0; position:relative; margin:0 24px;}
.main ul.caseList li a.title::after{ content:''; display:block; width:100%; height:1px; background:#00a65c; box-sizing:border-box; border:1px solid #e6e8ec; border-width:0 12px; position:absolute; left:0; bottom:0;}
.main ul.caseList li a.title span{ display:block; overflow:hidden;}
.main ul.caseList li a.title:hover{ text-indent:0;}
.main ul.caseList li a.title:hover span{ transform:translateY(-3px);}
.main ul.caseList li .txt{ background:#e6e8ec; padding:12px 16px 0; border-bottom:14px solid #e6e8ec; border-radius:0 0 10px 10px; margin:0 24px;}
.main ul.caseList li a.more{ display:none;}

/*产品列表*/
.main ul.proList{ display:block; overflow:hidden; margin:10px -24px 0;}
.main ul.proList li{ display:block; width:33.33%; padding:24px 24px 0; box-sizing:border-box; float:left;}
.main ul.proList li a.pic{ display:block; overflow:hidden; position:relative; border:3px solid #e5e5e5;}
.main ul.proList li a.pic img{ display:block; width:100%; position:relative; z-index:5; transition-duration:0.7s;}
.main ul.proList li a.pic em{ display:block; width:100%; height:100%; background:#00a65c; box-sizing:border-box; overflow:hidden; position:absolute; left:0; top:0; z-index:1; opacity:0; transition-duration:0.5s;}
.main ul.proList li a.pic em *{
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}
.main ul.proList li a.pic em span.title{ display:block; line-height:70px; color:#fff; font-size:18px; font-weight:bold; text-align:center; overflow:hidden; border-bottom:1px solid #fff; margin:8px 28px 0; transform:scale(0);}
.main ul.proList li a.pic em .txt{ display:block; height:48px; line-height:24px; color:#fff; font-size:14px; overflow:hidden; margin:10px 32px 0; transform:scale(0);
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.proList li a.pic em span.more{ display:block; width:94px; line-height:30px; color:#fff; font-size:14px; text-align:center; border:1px solid #fff; position:absolute; left:50%; margin-left:-48px; bottom:10%; transform:scale(0);}
.main ul.proList li a.pic:hover img{ opacity:0; transform:scale(2);}
.main ul.proList li a.pic:hover em{ opacity:1;}
.main ul.proList li a.pic:hover em span.title{ transform:scale(1);}
.main ul.proList li a.pic:hover em .txt{ transform:scale(1);}
.main ul.proList li a.pic:hover em span.more{ transform:scale(1);}
.main ul.proList li a.title{ display:block; line-height:50px; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.proList li a.title:hover{ color:#00a65c;}

/*留言*/
form.msg{ display:block; overflow:hidden; padding:0 0 48px;}
form.msg .txt{ line-height:30px; color:#666; font-size:16px; padding:32px 0 30px;}
form.msg p{ display:block; overflow:hidden; padding:10px 0;}
form.msg p label{ display:block; width:90px; line-height:36px; color:#333; font-size:14px; font-weight:bold; text-align:right; float:left; margin-right:12px;}
form.msg p label font{ color:#ff2020; padding-right:6px;}
form.msg p label.radio{ width:auto; font-weight:normal; text-align:left; margin-right:42px; cursor:pointer;}
form.msg p label.radio input{ display:block; height:36px; float:left; margin:0 10px 0 0; cursor:pointer;}
form.msg p input.text{ display:block; width:308px; height:26px; line-height:26px; color:#333; font-size:14px; background:#fff; padding:4px 10px; border:1px solid #ddd; margin-right:64px; float:left;}
form.msg p input.short{ width:164px;}
form.msg p img{ display:block; height:34px; border:1px solid #ddd; cursor:pointer; float:left; margin-left:-48px;}
form.msg p textarea{ display:block; width:804px; height:92px; line-height:26px; color:#333; font-size:14px; background:#fff; padding:4px 10px; border:1px solid #ddd; resize:none; margin-right:64px; float:left;}
form.msg p.btns{ text-align:center;}
form.msg p input.btn{ width:168px; height:44px; line-height:44px; color:#fff; font-size:20px; font-weight:bold; text-align:center; border:0; border-radius:5px; cursor:pointer; margin:26px 44px 0 0;}
form.msg p input.submit{ background:#00a65c;}
form.msg p input.reset{ background:#6b6b6b;}
form.msg img.pic{ display:block; width:998px; height:214px; margin:29px auto 0;}

/*产品详情*/
.propics{ padding:10px 0 0;}
.propics::after{ content:''; display:block; height:0; clear:both;}
.propics img{ display:block; width:31.33%; margin:0 1%; float:left;}
.propics img:hover{ transform:scale(1.05,1.05);}
ul.protab{ display:block; background:#e9edf7; clear:both; margin:3.4% 0 0;}
ul.protab::after{ content:''; display:block; height:0; clear:both;}
ul.protab li{ display:block; width:12.5%; width:16.66%; line-height:3em; color:#333; font-size:18px; font-weight:bold; text-align:center; cursor:pointer; float:left; position:relative;}
ul.protab li.cur{ color:#0b459f;}
ul.protab li.cur::after{ content:''; display:block; width:90%; height:3px; background:#0b459f; position:absolute; left:5%; bottom:-2px;}
.protbox{}
.protbox .box{ display:none;}
.protbox .con{ min-height:12em; line-height:2.36em; color:#666; font-size:16px; font-family:"微软雅黑"; font-weight:normal; padding:1.2em 2em;}
.protbox .con *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit; font-family:inherit;}
.protbox .box form.msg{ padding:22px 0 0 6px;}






























/**/