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

.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ width:100%; background:#fff; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

/*头部样式*/
.header{ width:100%; height:auto; background:#0f3a5a; position:relative; z-index:9999; box-shadow:0 4px 18px 2px rgba(0,0,0,0.18);}
.header .head{ height:120px; margin:0 8%;}
.header h1.logo{ display:block; height:100%; float:left;}
.header h1.logo a{ display:block; height:100%;}
.header h1.logo a img{ display:block; height:100%;}
.header a.menu{ display:none; width:88px; height:88px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right;}

/*导航*/
ul.nav{ display:block; z-index:99; float:right; clear:right;}
ul.nav li{ display:block;  height:46px;padding:37px 0; text-align:center; float:left; margin:0 0 0 28px; position:relative; z-index:99;}
ul.nav li a{ display:block; line-height:1; color:#fff; font-size:20px; padding:0 14px;}
ul.nav li a em{ display:block; font-size:0.85em; padding:0.5em 0 0;}
/*ul.nav li a:hover,*/
ul.nav li.on a,
ul.nav li.cur a{ color:#00c3de;}

ul.nav li p.sub{ display:none; width:auto; min-width:120px; height:auto; background:#0f3a5a; background-clip:content-box; padding/:1px 0 0; position:absolute; left:50%; top:100%; transform:translate(-50%,0); z-index:998; box-shadow:rgba(0,0,0,0.1) 3px 4px 5px;}
ul.nav li p.sub a{ line-height:3; color:#fff; font-size:16px; padding:0 0.5em;}
ul.nav li p.sub a::after{ display:none;}
ul.nav li p.sub a:hover,
ul.nav li p.sub a.on a{ color:#00c3de;}

/*banner样式*/
.banner{ width:100%; height:450px; background-size:cover !important;}
 
/*footer样式*/
.footer{ background:#eaeaea; overflow:hidden;}
.footer .foot{ overflow:hidden; font-size:16px; margin:5% 8%;}
.footer a.logo{ display:block; float:left; margin:3.5% 4% 0 0;}
.footer a.logo img{ display:block;}
.footer .contact{ line-height:2.12; color:#4a5c6f; overflow:hidden; float:left; margin-left:8%; min-width:30%;}
.footer .contact h4{ display:block; line-height:1; font-size:1.3em; font-weight:normal; padding:0 0 1.3em;}
.footer .contact p{ line-height:1.72; padding:0.2em 0; padding-left:1.5em;}
.footer .contact p img{ height:1em; margin:0 0.5em 2px -1.5em;}
.footer .copyright{ line-height:2; color:#4a5c6f; font-size:13px; text-align:center; overflow:hidden; margin:-0% 0 3%;}
.footer .copyright .br{ height:4.5em;}
.footer .copyright a{ color:#4a5c6f;}
.footer .copyright a:hover{ text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:24px; bottom:86px; cursor:pointer; z-index:999;}

/*主体样式*/
.main{ background:#f5f5f5 url(../images/common/main_bg.png) center top no-repeat; position:relative;}
.main::before,
.main::after{ content:''; display:block; height:0; overflow:hidden; clear:both;}

/*右侧*/
.main .attr{ min-height:300px; padding:0 8%;}
.main .attr::before,
.main .attr::after{ content:''; display:block; height:0; overflow:hidden; clear:both;}
.main h2.title{ display:block; line-height:1; font-size:40px; font-weight:normal; text-align:center; overflow:hidden; position:relative; margin:5% 0 0;}
.main h2.title em{ display:block; color:#233f76; padding:0.5em 0 0; position:relative; z-index:3;}
.main h2.title span{ display:block; width:100%; line-height:1; color:#666; font-size:0.6em; text-transform:uppercase;}
.main h2.title span::first-letter{ font-size:1.5em;}
.main h3.title,
.main h3.sub{ display:block; line-height:1.6; color:#233f76; font-size:36px; font-weight:normal; text-align:center; padding:1.4em 1em 1.3em;}
.main h3.title{ padding-bottom:0;}
.main h3.sub{ color:#666; font-size:28px; padding-top:0.25em;}
.main p.mark{ display:block; line-height:1; color:#999; font-size:14px; text-align:center; margin:0 0 -1em;}
.main .article{ line-height:2.25; color:#666; font-size:17px; text-align:justify; padding:3em 0 4em; overflow:hidden;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ border-top:1px solid #ddd; overflow:hidden; padding:3% 0 5%;}
.main .change p{ display:block; max-width:48%; line-height:2.5; color:#666; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;}
.main .change p:first-child{ float:left;}
.main .change p a{ color:#666; text-decoration:underline;}
.main .change p a:hover{ color:#233f76;}

/*页码样式*/
.pages{ text-align:center; font-size:16px; padding:0 0 6%;}
.pages a,
.pages span{ display:inline-block; min-width:46px; color:#999; line-height:24px; text-align:center; background/:#f5f5f5; padding:9px 16px; margin:0 10px; border:1px solid #d2d2d2; box-sizing:border-box; transition:all ease 0.4s;}
.pages a:hover,
.pages span{ color:#fff; background:#0f3a5a; border-color:#0f3a5a;}

/*业务列表*/
.main ul.yewuList{ display:block; overflow:hidden; margin:4% -12px 6%;}
.main ul.yewuList li{ display:block; width:33.33%; position:relative; float:left;}
.main ul.yewuList li a{ display:block; font-size:18px; text-align:center; background:#d4d4d4; overflow:hidden; margin:12px;}
.main ul.yewuList li i{ display:block; overflow:hidden;}
.main ul.yewuList li img{ display:block; width:100%; transition:all 0.4s; object-fit:cover;}
.main ul.yewuList li em{ display:block; color:#333; font-size:1.33em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5% 0 0.3em;}
.main ul.yewuList li span{ display:block; line-height:1; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 6%;}
.main ul.yewuList li:hover a{ background:#233f76;}
.main ul.yewuList li:hover img{ transform:scale(1.12);}
.main ul.yewuList li:hover em{ color:#fff;}
.main ul.yewuList li:hover span{ color:#959eb5;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; padding:3% 0 5%;}
.main ul.newsList::before,
.main ul.newsList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.newsList li{ display:block; overflow:hidden; padding:2% 0; transition:all ease 0.4s;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:left; margin-right:3%;}
.main ul.newsList li a.pic img{ display:block; width:402px; height:228px; transition:all ease 0.4s;}
.main ul.newsList li a.title{ display:block; line-height:1.75; color:#233f76; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s;}
.main ul.newsList li a.title:nth-child(2){ line-height:1.75; font-size:1.5em;}
.main ul.newsList li .txt{ height:5.625em; line-height:1.875; color:#666; text-align:justify; margin:1em 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:10em; line-height:2.5; color:#fff; font-size:0.875em; text-align:center; background:#00c3de; border-radius:5px; overflow:hidden; transition:all ease 0.4s; margin:1em 0 0;}
.main ul.newsList li:hover a.pic img{ transform:scale(1.12);}
.main ul.newsList li:hover a.title{ color:#00c3de;}
.main ul.newsList li a.more:hover{ background:#233f76;}


/*pc适配*/
@media only screen and (max-width:1440px){
.header .head,
.footer .foot,
.main .attr{ width:1200px; margin-left:auto; margin-right:auto;}
.main .attr{ padding:0;}

}

@media only screen and (max-width:1240px){
.header .head,
.footer .foot,
.main .attr{ width:auto; margin-left:20px; margin-right:20px;}
ul.nav li{ margin-left:10px;}
ul.nav li a{ padding:0 14px;}
.banner{ height:38vw;}
.footer a.logo{ margin-right:0;}
.footer .contact{ margin-left:6%;}
.backToTop{ width:48px; height:48px; right:20px; bottom:80px;}
}

/*pad适配*/
@media only screen and (max-width:1024px){
.header{ z-index:999;}
.header .head{ height:100px; margin:0 16px;}
.header a.menu{ display:block; width:44px; height:44px; margin:28px 8px;}

ul.nav{ width:22%; height:auto; padding:0; background:rgba(255,255,255,0.9); position:absolute; right:0; top:100%; transition:transform 0.4s ease; transform:translateX(100%);}
ul.nav li{ width:auto; height:auto; padding:0; float:none; margin:1px 0 0;}
ul.nav li:first-child{ margin:0;}
ul.nav li:first-child a{ padding-top:0.85em;}
ul.nav li:last-child a{ padding-bottom:0.75em;}
ul.nav li a{ display:block; width:auto; color:#333; font-size:18px; padding:0.8em 0 0.7em;}
/*ul.nav li a:hover,*/
ul.nav li.on a,
ul.nav li.cur a{ color:#fff; font-weight:normal; background:#00c3de;}
ul.nav li.on a::before,
ul.nav li.cur a::before{ display:none;}
ul.nav li.on a::after,
ul.nav li.cur a::after{ display:none;}
ul.nav li p.sub{ display/:none !important; width:100%; background:none; left:0; top:0; transform:translate(-100%,0);}
ul.nav li p.sub a{ line-height:3.6; border-top:1px solid rgba(255,255,255,0.4);}
ul.nav li p.sub a:first-child{ border-top:0;}
ul.nav li p.sub a:hover,
ul.nav li p.sub a.on a{ background:#fff;}
ul.nav.show{ transform:translateX(0); box-shadow:rgba(0,0,0,0.2) 0 5px 5px;}
ul.nav.show::after{ display:none;}

.footer .foot{ font-size:15px; margin-left:16px; margin-right:16px; margin-bottom:4%;}
.footer a.logo{ width:12%;}
.footer a.logo img{ width:100%;}
.footer .contact{ width:38%;}
.footer .contact h4{ padding-bottom:0.5em;}
.backToTop{ width:42px; height:42px; right:16px;}

.main .attr{ margin:0 16px;}
.main h2.title{ font-size:34px;}
.main h3.title{ font-size:32px;}
.main h3.sub{ font-size:24px;}
.main .article{ font-size:16px; padding:2em 4px 2.5em;}
.pages{ font-size:16px; padding-bottom:7%;}
.pages a,
.pages span{ min-width:38px; padding:5px 12px; margin:0 6px;}

.main ul.yewuList{ margin-left:-8px; margin-right:-8px;}
.main ul.yewuList li a{ font-size:16px; margin:8px;}

.main ul.newsList{ padding-top:4%;}
.main ul.newsList li a.pic img{ width:332px; height:188px;}
.main ul.newsList li a.more{ display:none;}
}

/*手机适配*/
@media only screen and (max-width:767px){
.header .head{ height:60px; margin:0 12px;}
.header a.menu{ display:block; width:28px; height:28px; margin:16px 2px;}

ul.nav{ width:34%;}
ul.nav li a{ font-size:14px;}
ul.nav li p.sub a{ line-height:3.4; font-size:13px;}

.banner{ height:54vw;}

.footer .foot{ font-size:13.5px; margin-left:12px; margin-right:12px; margin-bottom:1%;}
.footer a.logo{ display:none;}
.footer .contact{ width:auto; float:none; margin:2% 3% 5%;}
.footer .copyright{ font-size:12px; text-align:center;}
.backToTop{ width:32px; height:32px; right:12px; bottom:42px;}

.main{ overflow:hidden;}
.main .attr{ margin:0 12px;}

.main h2.title{ font-size:24px; margin:6% 0 0;}
.main h3.title,
.main h3.sub{ padding-left:0; padding-right:0;}
.main h3.title{ font-size:22px;}
.main h3.sub{ line-height:1.4; font-size:18px; padding:0.3em 0 0.6em;}
.main p.mark{ line-height:3; font-size:12px;}
.main .article{ font-size:14px; line-height:2; padding:1.6em 4px 2.6em;}
.main .change{ padding:4% 0 6%;}
.main .change p{ max-width:none; line-height:2.3; font-size:13.5px; float:none !important;}
.main .change p a{ text-decoration:none;}
.pages{ font-size:12px; padding:5% 0 12%;}
.pages a,
.pages span{ min-width:34px; padding:3px 10px;}

.main ul.yewuList{ margin-left:-5px; margin-right:-5px;}
.main ul.yewuList li{ width:50%;}
.main ul.yewuList li a{ font-size:12px; margin:5px;}

.main ul.newsList{ font-size:12px; padding-top:4%;}
.main ul.newsList li a.pic img{ width:148px; height:94px; object-fit:cover;}
.main ul.newsList li a.title:nth-child(2){ font-size:1.3em;}
.main ul.newsList li .txt{ margin-top:0.2em; -webkit-line-clamp:2; height:3.75em;}

}






/**/