@charset "utf-8";
/* Author：Hanlu 
  Time：2019-10-10 */
* { word-wrap:break-word }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,select,table,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,main,section,summary{ margin: 0; padding: 0; }
a { text-decoration:none; cursor: pointer; color: #2b2b2b; }
a:hover{ text-decoration:none; }
a:hover,a:active { outline:none }
:focus { outline:none }
i { font-style:normal }
b { font-weight: bolder; }
ul,li { list-style: none; }
img { border: 0; max-width: 100%; height: auto; width: auto\9; vertical-align: middle; }
a img,img{ -ms-interpolation-mode:bicubic }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-family: inherit; font-weight: normal;	color: inherit; }
body, button, input, select, textarea { 
	font-family: "Arial","Microsoft YaHei","Microsoft YaHei UI","\5FAE\8F6F\96C5\9ED1","Hiragino Sans GB","Hiragino Sans GB W3","黑体","宋体",sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
body { background-color: #fff; min-width: 1280px; text-align: left; }
.clear{ clear:both; overflow:hidden; font-size:0; height:0; line-height:0; }
.cf:before,.cf:after{ content:".";height:0;visibility:hidden;display:block; }
.cf:after{ clear:both; }
.cf { *zoom:1; }
.center{ margin:0 auto; }
.fl { float: left; _display:inline; }
.fr { float: right; _display:inline; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.w1200 { width: 1200px; }
::selection { background: #22728f; color: #fff; text-shadow: none; }
/* Header Start */
.jc-header { border-bottom: 1px solid #ddd; background-color: #fff; }
.topbar { background-color: #3e3e3e; height: 44px; line-height: 44px; color: #fff; }
.topbar .center { position: relative; }
.search {
	color: #fff;
	display: block;
	width: 140px;
	height: 48px;
	position: absolute;
	top: 0;
	right: 4px;
	line-height: 46px;
	background-color: #6bb030;
	font-size: 15px;
	text-align: center;
}
.search .hanlu { padding-right: 8px; }
.search:after { 
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 44px;
	left: 140px;
	border-top: 4px solid #008000;
    border-right: 4px solid transparent;
}
.search:hover {
	background-color: #5b962a;
}

/* 弹出search box */
#search-cover {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.popbox {
	display:none;
	width:600px;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	z-index:1000;
}
.popbox h2 { 
	height:44px;
	font-size:16px;
	line-height: 44px;
	background-color:#22728f;
	position:relative;
	padding-left:10px;
	color:#fff;
}
.popbox h2 a { position:absolute; right:12px; font-size:14px; color:#fff; }
.popbox .mainlist { padding: 15px; }

/* 搜索 */
.xxx-sou { border: 1px #ccc solid; }			
.xxx-sousuonr { 
	width: 480px;
    height: 16px;
	padding: 10px;
	font-size: 16px;
	line-height: 1;
    border: medium none;
    color: #333;
}
.xxx-tijiao {
    width: 60px;
    height: 36px;
    border: medium none;
    cursor: pointer;
}
.xxx-tijiao:hover { color: #22728f; }
.xxx-hot h4 { color: #22728f; font-size: 18px; padding-top: 15px; padding-bottom: 8px; font-weight: bolder; }	
.xxx-hot a { padding-right: 15px; white-space: nowrap; color: #666; }
.xxx-hot a:hover { color: #22728f; }



/* 顶部栏结束 */

.infobar { height: 130px; position: relative; overflow: hidden; }
.logo {
	display: block;
	width: 247px;
	height: 56px;
	background: url("../img/logo.png") no-repeat;
	overflow: hidden;
	text-indent: -20191010px;
	margin-top: 32px;
}
.adinfo {
	border-left: 1px solid #ddd;
	padding-left: 28px;
	margin-left: 65px;
	margin-top: 42px;
	color: #686868;
}
.adinfo span { display: block; font-size: 18px; }
.Contact { position: absolute; top:42px; right: 0; }
.Phone-icon { width: 36px; height: 36px; line-height: 1; margin-top: 10px; }
.Phone-icon .hanlu { font-size: 36px; color: #22728f; }
.dhxx { font-size: 16px; margin-left: 15px; color: #4b4b4b; }
.dhxx span { display: block; font-size: 24px; line-height: 1.2; color: #22728f; }

/* 导航-顶级菜单 */
.jc-navigation { background-color: #fff; height: 68px; position: relative; z-index: 5; }
.first-menu { overflow: hidden; }
.first-menu .cm01 { float: left; margin-right: 1px; }
.first-link {
	position: relative;
	display: block;
	height: 68px;
	line-height: 68px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 16px;
	color:#2b2b2b;
}
.first-link.hover { color: #22728f; font-weight: bolder; }
.first-link.hover:after {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #22728f;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
}

/* 二级菜单 */
.second-menu {
	display: none;
	position: absolute;
	width: 100%;
	left: 0px;
	background-color: #f0f6ff;
	background-color: rgba(240, 246, 255, 0.95);
}
.second-menu .cm02 { float: left;  margin-right: 15px; }
.second-menu .xwzx { margin-left: 340px; }
.second-link { display: block; padding: 20px 15px 22px; font-size: 16px; color: #2b2b2b; }
.second-link:hover { color:#22728f; }
.cpfw .second-link { padding: 28px 18px 0px 0px; color: #22728f; font-weight: bolder; font-size: 24px; }
.cpfw .cm02 { float: left; margin-right: 50px; }

/* 三级菜单 */
.third-menu { padding: 8px 0 36px;}
.third-menu .cm03 { position: relative; }
.third-link { display: block; color: #2b2b2b ; font-size: 14px; padding: 6px 0;text-indent: 2px; }
.third-link.hover { color: #22728f }

/* 四级菜单 */
.fourth-menu { 
	display: none;
	position: absolute;
	width: 180px;
	padding:5px 15px;
	background-color: #dfe4ea;
	border: 1px solid #c8cfda; 
	border-radius: 5px;
	top: -15px;
	left: 80px;
	z-index: 999;
}
.xunixs .fourth-menu { left: 130px; }
.fourth-menu:after { 
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 22px;
	left: -20px;
    border-width: 10px;
    border-style: solid;
    border-color:  transparent #c8cfda transparent transparent;
}
.fourth-menu a {
	display: block;
	font-size: 16px;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #2b2b2b;
	border-bottom: 2px #dfe4ea solid;

}
.fourth-menu a:hover {
	color: #22728f;
	border-bottom: 2px #22728f solid;
}

/* fullSlide */
.fullSlide { position:relative; z-index: 0; background:#000; margin:0 auto; height: 680px; }
.fullSlide .bd { position:relative; z-index:0; }
.fullSlide .bd li { height: 680px; position: relative; }

.fullSlide .hd { position:relative; z-index:1; margin-top:-55px; line-height: 1; }
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li {
	width:15px;
	height:15px;
	border-radius: 50%;
	overflow:hidden;
	text-indent: -2019px;
	cursor:pointer;
	display:inline-block;
	margin: 5px;
	background-color: #fff; background-color: rgba(255, 255, 255, 0.8);
}
.fullSlide .hd ul .on { background-color: #ccc; background-color: rgba(255, 255, 255, 0.4); }

.fullSlide .prev,.fullSlide .next {
	display:block;
	width:81px;
	height:81px;
	z-index:1;
	position: absolute;
	top: 300px;
	filter:alpha(opacity=40);
	opacity:0.4
}

.fullSlide .prev { left: 2%; background: url( "../img/grBtnHv.png") 0 0 no-repeat; }
.fullSlide .prev:hover { background: url("../img/glBtn.png") 0 0 no-repeat; }
.fullSlide .next { right: 2%;  background: url( "../img/glBtnHv.png") 0 0 no-repeat; }
.fullSlide .next:hover { background:url("../img/grBtn.png") 0 0 no-repeat; }

.jc-bn {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%;
	height: 680px;
	z-index: 0;
}
.jc-bn1 {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.jc-bn-nr {
	position: absolute;
    z-index: 8;
    color: #fff;
	top:0;
	left: 0;
	width: 100%;
}

.fubiaoti { margin-top: 148px; font-size: 30px; overflow: hidden; }
.fubiaoti img { float: left; display: block; width: 98px; }
.fubiaoti span { float: left; display: block; line-height: 1; padding-top: 32px; padding-left: 2px; }

.zhubiaoti { font-size: 72px; font-weight: bold; font-style: italic; margin-top: 5px; }
.zhubiaoti span { display: block; text-indent: 80px; }

.bn-more {
	display: block;
	width: 180px;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #fff;
	margin-top: 30px;
	color: #fff;
}
.bn-more:hover { border: 1px solid #ccc; color: #ccc; }

/*业务分类图标*/

.project-type { overflow: hidden; padding: 36px 0; }
.typelist { margin-left: -1px; }
.project-type li { width: 239px; border-left: 1px solid #ddd; float: left; }
.project-type li a { display: block; width: 100%; overflow: hidden; padding: 8px 0; }
.type-ico { width: 40px; height: 40px; margin-right: 10px; margin-top: 6px; margin-left: 15px; }
.type-ico .hanlu { font-size: 40px; line-height: 1; color: #22728f; }
.type-tit { color: #666; overflow: hidden; width: 166px; white-space: nowrap; text-overflow: ellipsis; }
.type-tit h3 { font-size: 22px; color: #2b2b2b; }
.project-type li a:hover h3 { color: #22728f; }

/* 科技馆板块 */
.jc-kejiguan { background-color: #f5f5f5; position: relative; padding: 100px 0 110px; }
.jc-kejiguan h3,.h3-fu { width: 100%; position: relative; z-index: 2; text-align: center; }
.jc-kejiguan h3 { font-size: 48px; color: #2b2b2b;  }
.h3-fu { font-size: 18px; color: #666; margin-top: 5px; }
.h3-fu:after { 
	content: "";
	width: 80px;
	height: 2px;
	background-color: #22728f;
	position: absolute;
	z-index: 3;
	line-height: 0;
	top: 50px;
	left: 50%;
	margin-left: -40px;
}

.kjg-list { position: relative; z-index: 2; margin: 80px auto 0; width: 1200px; }
.kjg-list .kjg-ul { margin-left: -20px;  }

.kjg-ul a {
	display: block;
	width: 285px;
	overflow: hidden;
	float: left;
	background: #fff;
	margin-left: 20px;
	height: 360px;
}
.kjg-ul a:hover { 
	-moz-box-shadow: 0px 0px 13px #999;
    -webkit-box-shadow: 0px 0px 13px #999;
    box-shadow: 0px 0px 13px #999;
}
.index-img {
	position: relative;
	overflow: hidden;
	width: 275px;
	height: 183px;
	margin: 5px 5px 0;
}
/*
.index-img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
}
*/
.index-img img {
	width: 100%;
	height: 100%;
	-moz-transition: all 2.5s linear;
	-o-transition: width all 2.5s linear;
	-webkit-transition: all 2.5s linear;
	transition: all 2.5s linear;
}
.kjg-ul a:hover .index-img img {
	-ms-transform: scale(1.09,1.09);
	-o-transform: scale(1.09,1.09);
	-moz-transform: scale(1.09,1.09);
	-webkit-transform: scale(1.09,1.09);
	transform: scale(1.09,1.09);
}

.kjg-list h4 { font-size: 18px; padding: 15px; position: relative; text-align: center; color: #22728f; }
.kjg-list h4:after { 
	content: "";
	width: 50px;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	z-index: 3;
	line-height: 0;
	top: 55px;
	left: 50%;
	margin-left: -25px;
}
.kjg-list p { padding: 15px 18px; color: #666;  }

.kjg-more {
	display: block;
	position: relative;
	z-index: 2;
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	margin: 48px auto 0;
	background-color: #22728f;
	border-radius: 25px;
	color: #fff;
}

.kjg-more:hover {
	background-color: #045c7b;
	color: #fff;
}

/* jc-hexin */

.jc-hexin {
	position: relative;
    background-color: #222;
	height: 720px;
}
.hexin-bj1 {
	background-image: url(../img/bn/sy04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.hexin-bj2 {
	background-color: rgba(0, 13, 31, 0.7);
    position: absolute;
    z-index: 3;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.hexin-nr {
	position: absolute;
    z-index: 4;
    color: #fff;
    text-align: center;
    width: 100%;
}
.nr-h3,.nr-txt { text-align: center; position: relative; }
.nr-h3 { font-size: 48px; color: #fff; padding-top: 130px; }
.nr-txt { font-size: 18px; color: #fff; margin-top: 5px; }
.nr-txt:after { 
	content: "";
	width: 80px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	z-index: 3;
	line-height: 0;
	top: 50px;
	left: 50%;
	margin-left: -40px;
}

.nr-tubiao { width: 1170px; margin: 95px auto 0; }

.nr-tubiao a { display: block; float: left; width: 130px; color: #ccc;  height: 170px; }

.nr-tubiao a:hover { color: #fff; }

.fenlei-ico { width: 50px; height: 50px; padding: 30px; margin:0 auto; border: 3px #ccc solid; border-radius: 50%; position: relative; }

.fenlei-ico .hanlu { font-size: 50px; line-height: 1; }

.nr-tubiao a h4 { font-size: 24px; margin-top: 10px;  position: relative;}

.nr-jieshao { width: 1170px; margin: 45px auto 0; color: #ccc; }

.nr-tubiao a:hover .fenlei-ico {
	top: -10px;
	width: 66px;
	height: 66px;
	border-color: rgba(34, 114, 143, 0.3);
	background-color: rgba(34, 114, 143, 0.2);
}
.nr-tubiao a:hover .fenlei-ico .hanlu { font-size: 66px; }
.nr-tubiao a:hover h4 { top: -10px;}

/* 新闻部分 */

.jc-news { background-color: #f5f5f5; padding: 100px 0 110px; }

.jc-newsnr { width: 1200px; margin: 0 auto; height: 426px; overflow: hidden; }

.jc-new-tit { margin-bottom: 30px; }

.jc-new-tit span { display: block; float: left; font-size: 30px; line-height: 36px; color: #333; }

.jc-new-tit ul {
	float: left;
	height: 29px;
	margin: 3px 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px solid #dcdcdc;
}

.jc-new-tit ul li {
    border-bottom: 2px solid #f5f5f5;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    float: left;
    padding: 0 4px;
    white-space: nowrap;
    margin: 0 28px 0 0;
    font-size: 16px;
    color: #666;
}

.jc-new-tit ul li.on {
	border-bottom-color: #22728f;
    color: #22728f;
}

.news-more {
	display: block;
    color: #999;
    font-size: 16px;
    float: right;
	margin-right: 8px;
    line-height: 36px;
    overflow: hidden;
}

.news-more:hover {
    color: #22728f;
}

.jc-new-list ul { width: 1240px !important; margin-left: -40px; }
.jc-new-list ul li { width: 580px; margin-left: 40px; float: left; }
.jc-new-list ul li a {
	display: block;
	width: 100%;
    height: 100px;
	overflow: hidden;
    background-color: #fff;
    margin-bottom: 20px;
}

.jc-new-list ul li a:hover {
	background-color: #22728f;
}

.jc-new-list ul li a:hover .content-title,
.jc-new-list ul li a:hover .time-day,
.jc-new-list ul li a:hover .time-month {
	color: #fff;
}

.jc-new-list ul li a:hover .content-des {
	color: #f5f5f5;
}

.news-time,.news-contents { float: left; }

.news-time { width: 102px; height: 100%;  text-align: center; border-right: 1px solid #ddd; }
.time-day { font-size: 46px; line-height: 1; padding-top: 20px; color:#22728f; }
.time-month { color: #9EA7B3; }
.news-contents { width: 418px; height: 100%; margin-left: 30px; }
.content-title {
    height: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
    color: #2b2b2b;
	line-height: 1;
    font-size: 17px;
	margin-bottom: 7px;
	padding-top: 22px;
}
.content-des {
    width: 100%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #A4ADB8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* jc-gongsi */

.jc-gongsi {
	position: relative;
    background-color: #222;
	height: 720px;
}
.gongsi-bj1 {
	background-image: url(../img/bn/jc01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.gongsi-bj2 {
	background-color: rgba(0, 13, 31, 0.6);
    position: absolute;
    z-index: 3;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.gongsi-nr {
	position: absolute;
    z-index: 4;
    color: #fff;
    text-align: center;
    width: 100%;
}

.gs-h3,.gs-txt { text-align: center; position: relative; }
.gs-h3 { font-size: 48px; color: #fff; padding-top: 100px; }
.gs-txt { font-size: 18px; color: #fff; margin-top: 5px; }

.gs-jieshao { width: 1200px; margin:50px auto 0; height: 360px; }

.gs-pic { display: block; width: 50%; height: 100%;  position: relative; }
.gs-pic img { width: 100%; height: 100%; opacity:0.8; }
/*
.gs-pic:after { 
	content: "";
	width: 88px;
	height: 88px;
	background: url("../img/bof.png") no-repeat;
	position: absolute;
	z-index: 5;
	line-height: 0;
	top: 136px;
	left: 50%;
	margin-left: -44px;
}

.gs-pic-zz {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 13, 31, 0.3);
    position: absolute;
	z-index: 1;
}
*/
.gs-pic:hover .gs-pic-zz {
	background-color: rgba(0, 13, 31, 0.5);
}

.gs-jckj { width: 50%; height: 100%; background-color: rgba(255, 255, 255, 0.8); }

.gs-jckjnr { width: 480px;  margin-top: 60px; margin-left: 45px;  color: #2b2b2b; }

.gs-jckjnr h3 { font-size: 28px; margin-bottom: 20px; text-align: left; }

.gs-jckjnr p { font-size: 16px; margin-bottom: 25px; text-align: left; color: #666; }

.gs-more {
	display: block;
    width: 115px;
    font-size: 15px;
    line-height: 1;
    padding: 9px 0;
	color: #22728f;
	border: 2px solid #22728f; 
}
.gs-more:hover {
	color: #6399ad;
    border: 2px solid #6399ad;
}

/* footer */

.footer { background-color: #23282d; color: #8a939d; }
.footer a { color: #8a939d; }
.footer a:hover { color: #fff; }
.footer-main { width: 1100px; margin: 0 auto; padding: 50px 0; position: relative; }
.foot-nav { width: 800px; float: left; font-size: 14px; }
.fcol { float: left; width: 255px; }
.fcol h3 { font-size: 18px; color: #fff; margin-bottom: 22px; }
.fcol p {  line-height: 28px; }
.f2vm { font-size: 13px; width: 130px; text-align: center; float: left; margin-left: 10px; margin-top: 8px; }
.img-2vm { display: inline-block; width: 100px; height: 100px; }
.f2vm p { margin-top: 8px; }
.wx-sys { position: absolute; right: 90px; top: 200px; width: 130px; }
.wx-sys img { width: 130px; height: auto; }
.footer-copy { width: 1100px; margin: 0 auto; font-size: 13px; padding-bottom: 50px; }
.f-hr { overflow:hidden; font-size:0; height:1px; line-height:0; background-color: #363636; margin-bottom: 15px; }
.footer-copy p { line-height: 24px; }
.footer-copy p span { padding-left: 5px; padding-right: 5px; color: #3b3d3f; }
.to-top { display: none; padding: 20px; color: #fff; border-radius: 35px; background-color:rgba(34, 114, 143, 0.5); z-index: 20191108; }
.wz-beian { height: 20px; line-height: 20px; margin-top: 5px; padding-left: 28px; background: url("/img/beian.png") no-repeat center left; }

@media screen and (max-width: 1440px) {
.fullSlide .prev, .fullSlide .next {
    display: none;
}
	
}

/* Author：Hanlu 
  Time：2019-10-10 */