@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; position:absolute; left:0; top:0; z-index:9999;}
.header .head{ height:114px; 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; height:64px; padding:25px 0; z-index:99; float:right; clear:right;}
ul.nav li{ display:block; text-align:center; float:left; margin:0 0 0 28px; position:relative; z-index:99;}
ul.nav li a{ display:block; line-height:64px; color:#fff; font-size:17px; font-size:20px; font-family:"思源黑体 CN","思源黑体"; padding:0 14px;}
ul.nav>li>a::after{
	display:block;
	content:attr(data-title);
	font-weight:bold;
	visibility:hidden;
	height:1px;
	color:transparent;
	margin-bottom:-1px;
	overflow:hidden;
}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ color:#00c3de; font-weight:bold;}

ul.nav li ul.subNav{ display:none; width:auto; min-width:120px; height:auto; background:#00c3de; 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 ul.subNav li{ height:auto; float:none; margin:0;}
ul.nav li ul.subNav li a{ line-height:3; color:#fff; font-size:16px; font-weight:normal; padding:0 0.5em; white-space:nowrap;}
ul.nav li ul.subNav li a::after{ display:none;}
ul.nav li ul.subNav li a:hover,
ul.nav li ul.subNav li.on a{ color:#00c3de; background:#fff;}

/*banner样式*/
.banner{ width:100%; height:450px; background-size:cover !important;}
 
/*footer样式*/
.footer{/* background:#121212;*/ background:#0f3a5a; overflow:hidden;}
.footer .foot{ overflow:hidden; font-size:16px; margin:0 8%;}
.footer .left{ overflow:hidden; margin:4% 4% 3% 0;}
.footer a.tel{ display:block; line-height:2.75; color:#fff; text-align:center; border:2px solid #fff; margin-bottom:1.5em;}
.footer a.tel:hover{ color:#00c3de; border-color:#00c3de;}
.footer .code{ overflow:hidden;}
.footer .code span{ display:block; width:8.25em; line-height:1; color:#fff; text-align:center; float:left; position:relative; z-index:9999;}
.footer .code span:first-child{ margin-right:3em;}
.footer .code img{ display:block; width:100%; margin:0 0 1em;}
.footer .copyright{ line-height:2.25; color:#fff; text-align:right; overflow:hidden; overflow:hidden; padding:1.65em 0; margin:4% 0 3%;}
.footer .copyright .br{ height:4.5em;}
.footer .copyright a{ color:#fff;}
.footer .copyright a:hover{ color:#00c3de;}

/*返回顶部*/
.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{ 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.8; color:#999; font-size:40px; font-weight:normal; text-align:center; padding:1em 0; overflow:hidden; position:relative;}
.main h2.title em{ display:block; position:relative; z-index:3;}
.main h2.title span{ display:block; width:100%; line-height:2; font-size:0.4285em; font-weight:normal; text-transform:uppercase;}
.main h3.title{ display:block; line-height:1.6; color:#333; font-size:36px; font-weight/:normal; text-align:center; padding:1.4em 1em 1.3em;}
.main p.mark{ display:block; line-height:3.15; color:#999; font-size:14px; text-align:center; background:#f5f5f5; margin:0 0 -1em;}
.main .article{ line-height:2.5; color:#999; font-size:16px; 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 #e4e4e4; overflow:hidden; padding:3% 0 5%;}
.main .change p{ display:block; max-width:48%; line-height:2.5; color:#999; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;}
.main .change p:first-child{ float:left;}
.main .change p a{ color:#999; text-decoration:underline;}
.main .change p a:hover{ color:#00c3de;}

/*页码样式*/
.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:#fff; padding:9px 16px; margin:0 10px; border:1px solid #ddd; box-sizing:border-box; transition:all ease 0.4s;}
.pages a:hover,
.pages span{ color:#fff; background:#00c3de; border-color:#00c3de;}

/*关于我们*/
.intro,
.future{ display:flex; margin-bottom:8%;}
.intro img.pic,
.future img.pic{ display:block; width:50%; flex:1; object-fit:cover;}
.intro .con,
.future .con{ font-size:15px; background:#eff1f2; padding:3% 3.5%; overflow:hidden; flex:1;}
.intro h4,
.future h4{ display:block; line-height:1.3; color:#333; font-size:1.33em; padding-left:0.7em; border-left:6px solid #00c3de; margin:1em 0;}
.intro .txt,
.future .txt{ display:block; line-height:2.5; color:#666; padding:1em 0 0;}
.future .txt{ line-height:2.5; font-size:1.2em; padding:0.8em 0 0;}

.yewu{ background:#284355 url(../images/icons/yewu_bg.png) center no-repeat; background-size:auto 100%;}
.yewu h2.title{ color:#fff;}
.yewu ul{ display:block; overflow:hidden; margin:0 -12px 6%;}
.yewu ul li{ display:block; width:33.33%; font-size:28px; text-align:center; float:left;}
.yewu ul li a{ display:block; background:#fff; overflow:hidden; position:relative; margin:6px 12px 18px; transition:all 0.4s;}
.yewu ul li img{ display:block; width:100%; opacity:0.4; transition:all 0.4s;}
.yewu ul li span{ display:block; width:100%; line-height:1; color:#284355; position:absolute; left:0; top:50%; margin-top:-2.5em; transition:all 0.4s;}
.yewu ul li em{ display:block; width:2.86em; height:2.86em; background:#00c3de center top no-repeat; background-size:100% 200%; border-radius:50%; margin:0 auto 0.8em; transition:all 0.4s;}
.yewu ul li em.ico01{ background-image:url(../images/icons/yw01.png);}
.yewu ul li em.ico02{ background-image:url(../images/icons/yw02.png);}
.yewu ul li em.ico03{ background-image:url(../images/icons/yw03.png);}
.yewu ul li em.ico04{ background-image:url(../images/icons/yw04.png);}
.yewu ul li em.ico05{ background-image:url(../images/icons/yw05.png);}
.yewu ul li em.ico06{ background-image:url(../images/icons/yw06.png);}
.yewu ul li em.ico07{ background-image:url(../images/icons/yw07.png);}
.yewu ul li em.ico08{ background-image:url(../images/icons/yw08.png);}
.yewu ul li em.ico09{ background-image:url(../images/icons/yw09.png);}
.yewu ul li em.ico10{ background-image:url(../images/icons/yw10.png);}
.yewu ul li em.ico11{ background-image:url(../images/icons/yw11.png);}
.yewu ul li em.ico12{ background-image:url(../images/icons/yw12.png);}
.yewu ul li:hover a{ background:#00c3de;}
.yewu ul li:hover img{ opacity:0.2;}
.yewu ul li:hover span{ color:#fff;}
.yewu ul li:hover em{ background-position:center bottom; background-color:#fff;}

/*业务列表*/
.main ul.yewuList{ display:block; overflow:hidden; margin:1% 0 6%;}
.main ul.yewuList li{ display:block; width:50%; font-size:17px; position:relative; float:left; margin:4% 0 0;}
.main ul.yewuList li a{ display:block; height:350px; background:#eff1f2; padding:350px 0 0; overflow:hidden; position:relative;}
.main ul.yewuList li:nth-child(even) a{ padding:0 0 350px;}
.main ul.yewuList li i{ display:block; width:100%; overflow:hidden; position:absolute; left:0; top:0;}
.main ul.yewuList li:nth-child(even) i{ top:auto; bottom:0;}
.main ul.yewuList li img{ display:block; width:100%; height:350px; transition:all ease 0.4s; object-fit:cover;}
.main ul.yewuList li em{ display:block; width:4.7em; height:4.7em; background:#00c3de center top no-repeat; background-size:100% 200%; border-radius:50%; transition:all 0.4s; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%,-50%);}
.main ul.yewuList li span{ display:block; line-height:1; color:#284355; font-size:1.647em; text-align:center; margin:2.2em 6% 1em; transition:all ease 0.4s;}
.main ul.yewuList li .txt{ line-height:2.35; color:#999; margin:0 6%; transition:all ease 0.4s;}
.main ul.yewuList li em.ico01{ background-image:url(../images/icons/yw01.png);}
.main ul.yewuList li em.ico02{ background-image:url(../images/icons/yw02.png);}
.main ul.yewuList li em.ico03{ background-image:url(../images/icons/yw03.png);}
.main ul.yewuList li em.ico04{ background-image:url(../images/icons/yw04.png);}
.main ul.yewuList li em.ico05{ background-image:url(../images/icons/yw05.png);}
.main ul.yewuList li em.ico06{ background-image:url(../images/icons/yw06.png);}
.main ul.yewuList li em.ico07{ background-image:url(../images/icons/yw07.png);}
.main ul.yewuList li em.ico08{ background-image:url(../images/icons/yw08.png);}
.main ul.yewuList li em.ico09{ background-image:url(../images/icons/yw09.png);}
.main ul.yewuList li em.ico10{ background-image:url(../images/icons/yw10.png);}
.main ul.yewuList li em.ico11{ background-image:url(../images/icons/yw11.png);}
.main ul.yewuList li em.ico12{ background-image:url(../images/icons/yw12.png);}
.main ul.yewuList li em.cont{ background-image:url(../images/icons/contact.png);}
.main ul.yewuList li a:hover{ background/:#e6e9ea;}
.main ul.yewuList li a:hover i{ background:#284355;}
.main ul.yewuList li a:hover img{ opacity:1; transform:scale(1.12);}
.main ul.yewuList li a:hover em{ background-position:center bottom; background-color:#fff;}
.main ul.yewuList li a:hover span{ color:#fff; color:#00b4cc;}
.main ul.yewuList li a:hover .txt{ color:#666; opacity/:0.9;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:12px; padding:2% 0 6%;}
.main ul.newsList::before,
.main ul.newsList::after{ content:''; display:block; overflow:hidden; clear:both;}
.main ul.newsList li{ display:block; background:#fff; overflow:hidden; padding:2%; box-shadow:0 0 24px rgba(152,152,152,0.14); margin:2.5% 0 0; transition:all ease 0.4s;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:right; margin-left:3%;}
.main ul.newsList li a.pic img{ display:block; width:394px; height:192px; transition:all ease 0.4s;}
.main ul.newsList li span{ display:block; width:6em; height:8.1em; line-height:1; color:#284355; font-size:18px; font-family/:"AGaramond LT"; text-align:center; padding-right:2%; border-right:1px solid #ddd; float:left; margin-right:3%; margin-top:1.27em;}
.main ul.newsList li span em{ display:block; line-height:1.6; font-size:2.7em; font-weight:bold; padding:0.3em 0 0.05em;}
.main ul.newsList li a.title{ display:block; line-height:2.3; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; margin:0 0 0.5em;}
.main ul.newsList li p{ display:block; height:5.15em; line-height:1.72; color:#666; font-size:14px; text-align:justify;
	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; line-height:4; color:#00c3de; font-size:14px; overflow:hidden; float:left;}
.main ul.newsList li:hover{ box-shadow:0 0 24px rgba(0,149,170,0.14);}
.main ul.newsList li:hover a.pic img{ transform:scale(1.12);}
.main ul.newsList li:hover a.title{ color:#00c3de;}


/*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;}
ul.nav li ul.subNav li a{ font-size:13px;}
.banner{ height:38vw;}
.footer .foot{ margin-top:1%; margin-bottom:1%;}
.footer .contact p{ font-size:16px;}
.backToTop{ width:48px; height:48px; right:20px; bottom:80px;}

.main h2.title{ font-size:36px;}
.pages{ font-size:15px;}

}

/*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; float:none; margin:1px 0 0;}
ul.nav li:first-child{ margin:0;}
ul.nav li a{ display:block; width:auto; min-width:0; line-height:3em; color:#333; font-size:18px;}
ul.nav li ul.subNav{ display:none !important;}
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.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:14px; margin-left:16px; margin-right:16px;}
.footer .copyright{ padding:0;}
.footer .copyright .br{ height:3em;}
.backToTop{ width:42px; height:42px; right:16px;}

.main .attr{ margin:0 16px;}
.main h3.title{ font-size:26px;}
.main .article{ font-size:15px; padding:2em 4px 2.5em;}
.pages{ font-size:15px;}
.pages a,
.pages span{ min-width:38px; padding:5px 12px; margin:0 6px;}

.intro img.pic,
.future img.pic{ width:46%;}
.intro .txt,
.future .txt{ padding:0.6em 0 0;}
.future .txt{ font-size:1em;}
.yewu ul{ margin:0 -6px 6%;}
.yewu ul li{ font-size:22px;}
.yewu ul li a{ margin:0 8px 18px;}

.main ul.yewuList li{ margin:3% 0 0;}
.main ul.yewuList li a{ height:20em; font-size:14px; padding:20em 0 0;}
.main ul.yewuList li:nth-child(even) a{ padding:0 0 20em;}
.main ul.yewuList li img{ height:20em;}
.main ul.yewuList li em{ width:4em; height:4em;}
.main ul.yewuList li span{ margin:1.7em 6% 0.5em;}
.main ul.yewuList li .txt{ line-height:2;}

.main ul.newsList li{ padding:3%;}
.main ul.newsList li a.pic img{ width:226px; height:160px; object-fit:cover;}
.main ul.newsList li a.title{ font-size:20px;}
.main ul.newsList li span{ height:6.4em;}
.main ul.newsList li span em{ padding-top:0;}
.main ul.newsList li p{ -webkit-line-clamp:2; height:3.44em;}
.main ul.newsList li a.more{}

}

/*手机适配*/
@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;}

.banner{ height:54vw;}

.footer .foot{ font-size:13.5px; margin:0 12px 2%;}
.footer .left{ float:none; margin:8% 12% 0;}
.footer .code span{ width:7em; float:right;}
.footer .code span:first-child{ float:left; margin-right:0;}
.footer .copyright{ font-size:12px; text-align:center;}
.backToTop{ width:32px; height:32px; right:12px; bottom:42px;}
.footer .copyright .br{ height:1em;}

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

.main h2.title{ font-size:24px;}
.main h3.title{ font-size:20px; padding:1.5em 0.5em 1em;}
.main p.mark{ line-height:3; font-size:12px;}
.main .article{ font-size:13.5px; line-height:2.2;}
.main .change{ padding:4% 0 6%;}
.main .change p{ max-width:none; line-height:2.2; 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;}

.intro,
.future{ display:block;}
.intro img.pic,
.future img.pic{ width:100%; height:48vw;}
.intro .con,
.future .con{ font-size:13.5px;}
.intro .txt,
.future .txt{ padding:0 0 0.6em;}

.yewu ul li{ width:50%; font-size:16px;}
.yewu ul li a{ margin:0 6px 12px;}

.main ul.yewuList li{ width:100%; margin:3% 0 0;}
.main ul.yewuList li a{ height:auto; font-size:13.5px; padding:10em 0 0;}
.main ul.yewuList li:nth-child(even) a{ padding:10em 0 0;}
.main ul.yewuList li:nth-child(even) i{ top:0; bottom:auto;}
.main ul.yewuList li span{ margin:1.8em 6% 0.6em;}
.main ul.yewuList li img{ height:10em;}
.main ul.yewuList li em{ top:10em;}
.main ul.yewuList li .txt{ margin:0 5% 5%;}

.main ul.newsList li{ padding:12px;}
.main ul.newsList li a.pic{ margin-left:20px;}
.main ul.newsList li a.pic img{ width:136px; height:90px;}
.main ul.newsList li span{ height:auto; line-height:28px; color:#fff; font-size:12px; background:#00c3de; padding:0 0.6em; border:0; margin:0; position:absolute; right:12px; top:12px;}
.main ul.newsList li span em{ line-height:inherit; font-size:inherit; font-weight:normal; float:right; margin-left:-3px;}
.main ul.newsList li span em::before{ content:'-';}
.main ul.newsList li a.more{ display:none;}
.main ul.newsList li a.title{ line-height:2; font-size:16px; margin:0;}
.main ul.newsList li p{ line-height:1.45; font-size:12px; height:4.35em; color:#999; margin:3px 0 -3px; -webkit-line-clamp:3;}

}






/**/