<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/************
*normalize.css
************/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
[hidden], template { display: none; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
button, input, select, textarea { font: inherit; margin: 0; }
optgroup { font-weight: 700; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* reset area
*************/
body, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, table, th, td, embed, object { margin: 0; padding: 0; border: 0; outline: 0; }
html { font-size: 62.5%; height: 101%; }
body { font-size: 1.6rem; background: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 微软雅黑,宋体, Helvetica, Arial, sans-serif; }
a, ins { text-decoration: none; }
:focus { outline: 0; }
ol, ul,li { list-style-type: none; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
header &gt; section, .main &gt; section, footer { max-width: 1920px; min-width: 1280px; width: 100%; }
body div[class*='-main']{ width: 1200px; margin: 0 auto; }


.head-top{ background:#213359; height:40px;}
.head-top p{ font-size:14px; display:inline; line-height:40px; color:#ffffff;} 
.head-top span{ background:url(../images/tel.png) no-repeat 12px 0 #00b7ee; font-size:19px; padding:0 15px; height:40px; line-height:40px; font-weight:bold; color:#fff; text-indent:32px; float:right;}
.logo{ display:inline-block; float:left; width:460px; line-height:0;}
.logo img{ margin-top:15px;}
.nav{ display:inline-block; float:right; width:688px;}
.nav ul li{ width:86px; height:104px; line-height:104px; display:inline-block; float:left; font-size:14px; position:relative;}
.nav ul li a{ display:block; width:100%; height:auto; color:#353535; text-align:center; letter-spacing:1px;}
.nav ul li:hover{ background:#213359;}
.nav ul li:hover a{ color:#fff;}
.nav ul li ul{ position:absolute; top:100%; left:0; display:none; width:100%; height:auto; z-index:1;}
.nav ul li ul li{ background:#fff; height:60px; line-height:60px;}

.nav ul li:hover ul{ display:block;}
.nav ul li:hover ul li a{color:#353535;}
.nav ul li ul li:hover a{ color:#fff;}


.template_banner{ width:100%; height:600px;}
.template_banner img{ width:100%; height:auto; display:table;}
.flexslider{position:relative;height:600px;overflow:hidden;/*background:url(../images/loading.gif) 50% no-repeat;*/ }
.slides{position:relative;z-index:-1;}
.slides li{height:600px; background-size:100% auto;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:18px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
@media only screen and (max-width:1600px){
	.template_banner{  height:500px;}
	.flexslider{ height:500px}
	.slides li{height:500px; }
	}
	@media only screen and (max-width:1440px){
	.template_banner{  height:450px;}
		.flexslider{ height:450px}
	.slides li{height:450px; }
	}
		@media only screen and (max-width:1366px){
	.template_banner{  height:427px;}
	.flexslider{ height:427px;}
	.slides li{height:427px; }
	}

.alltitle{ text-align:center; position:relative; padding-bottom:1.5%;}
.alltitle h3{ font-size:30px; color:#213359; letter-spacing:3px; position:relative; z-index:1; background:#fff; display:inline; }
.alltitle:before{ content:""; width:288px; height:39px; border:2px solid #c9c9c9; top:17px; left:455px; position:absolute; z-index:0;}
.alltitle h3 span{ color:#00b7ee;}
.alltitle h4{ font-size:24px; color:#c9c9c9; line-height:3.5; font-weight:normal; letter-spacing:1px;}

.pro-main{ padding:3% 0 4%;}
.pro-left{ width:278px; height:auto; border:12px solid #213359; display:inline-block; float:left;}
.pro-title{ background:#213359; text-align:center; padding:8px 0 20px;}
.pro-title h3{ font-size:24px; color:#fff; line-height:1.8;letter-spacing:1px;}
.pro-title h3 span{ color:#00b7ee;}
.pro-title h4{ font-size:14px; color:#c6c6c6;}
.pro-left ul{ padding:10px; background:#fff; margin-bottom:268px;}
.pro-left ul li{ width:100%; height:44px; line-height:44px; font-size:18px; background:url(../images/more.png) no-repeat 220px center #00b7ee; text-indent:16px; margin-bottom:10px;}
.pro-left ul li a{ color:#fff; display:block; width:100%; height:auto;}
.pro-right{ width:878px; display:inline-block; float:right;}
.pro-right h3{ background:#213359; height:42px;}
.pro-right h3 span{ font-size:18px; color:#fff; background:#00b7ee; padding:8.8px 20px; display:inline-block; font-weight:normal; letter-spacing:3px;}
.pro-right h3 a{ line-height:0; float:right; margin-top:8px; margin-right:12px;}
.pro-right ul li{ width:273px; height:auto; border:3px solid #e5e5e5; display:inline-block; float:left; margin-right:20px; margin-top:10px; overflow:hidden;} 
.pro-right ul li:nth-child(3n){ margin-right:0;}
.pro-right ul li a{ display:block; width:100%; height:auto; line-height:0; color:#213359}
.pro-right ul li a img{ width:100%; overflow:hidden; height:209px;}
	.pro-right ul li:hover{ border:3px solid #00b7ee;}
.pro-right ul li p{ line-height:36px; background:#f4f4f4; width:100%; text-align:center;}
.prolefhover:hover{background:url(../images/more.png) no-repeat 220px center #0492bd; }
.pro-right ul{ width:100%; height:auto; display:none;}

.case{ background:#eeeeee;}
.case-main{ padding:2% 0 10%; width:1220px!important;}
.case-main .alltitle h3{ background:#eeeeee;}

.case-body{ margin-top:1.5%;}
.case-body ul{ position:relative;}
.case-body ul li{ width:290px; height:auto; display:inline-block; float:left; margin-right:20px; position:relative;} 
.case-body ul li a{ display:block; width:100%; height:auto; line-height:0; position:relative;}
.linxing{ position:absolute; top:-120px; left:106px; z-index:1}
.lanren2{width: 78px;height: 45px;margin:100px auto;background-color: #00b7ee;position: relative; }
.lanren2 .left{width: 0;height: 0;position:absolute;left:0;top:-22px;border-bottom:22px solid #00b7ee;border-left:39px solid transparent;border-right:39px solid transparent;}
.lanren2 .right{width: 0;height: 0;position:absolute;left:0;top:45px;border-top:22px solid #00b7ee;border-left:39px solid transparent;border-right:39px solid transparent;}
.lanren2 p{ font-size:36px; color:#fff; position:absolute; top:20px; left:18px; font-weight:bold;}
.case-body ul li a img{ width:100%; height:205px; overflow:hidden;transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out; /* Firefox 4 */
-webkit-transition:all 0.4s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.4s ease-in-out;}
.case-body ul li a .con{ width:98%; height:100px; padding:8% 1.1%; background:#fff; line-height:1.8; text-align:center;}
.case-body ul li a .con h3{ font-size:18px; font-weight:normal; color:#213359;}
.case-body ul li a .con p{ font-size:16px; color:#767676; text-align:left;}
.case-body ul li:hover img{	
opacity: 0.8;filter:Alpha(opacity=80);}

.about-main{ padding:3% 0 1%;}
.about-left{ width:310px; height:auto; display:inline-block; float:left;}
.about-left h3{ width:380px; height:68px; line-height:68px; font-size:18px; text-indent:1em; background:url(../images/more.png) no-repeat 340px center #00b7ee; position:relative; z-index:1;}
.about-left h3:hover{ background:url(../images/more.png) no-repeat 340px center #078bb3; box-shadow:0px 0 5px #078bb3;}
.about-left h3 a{ display:block; width:100%; height:auto; color:#fff;}
.about-left span{ font-size:16px;}
.about-left ul li{ width:306px; height:62px; line-height:62px; font-size:18px; text-indent:1em; border:2px solid #d2d2d2; margin-top:20px;}
.about-left ul li a{ display:block; width:100%; height:auto; color:#515151;}
.about-left ul li:hover{ border:2px solid #00b7ee;}
.about-left ul li:hover a{ color:#00b7ee;  box-shadow:0px 0 5px #00b7ee;}
.about-left span{ font-size:16px;}
.about-right{ width:878px; height:412px; overflow:hidden; display:inline-block; float:right;}

.ad{ background:#213359; padding-top:1.5%;}
.adbody{ letter-spacing:1px; position:relative;}
.adbody h3{ font-size:24px; color:#fff;}
.adbody h3 span{ font-weight:normal; font-size:20px;} 
.adbody ul{ padding:15px 0;}
.adbody ul li{ padding:6px 10px; background:#00b7ee; font-size:18px; color:#fff; display:inline-block; float:left; margin-right:4px;}
.adbody p{ font-size:18px; color:#fff; line-height:2.5; border-top:1px solid #fff; width:600px; padding-bottom:0.5%;}
.adbody img{ position:absolute; right:0; bottom:0; width:408px; height:auto;}

.new-main{ padding:4% 0 3%;}
.newbody dl{ height:209px; width:100%; overflow:hidden;}
.newbody dl a{ display:block; width:100%; height:inherit; overflow:hidden;}
.newbody dl dt, .newbody dl dd{ width:600px; height:auto; display:inline-block; float:left; overflow:hidden;}
.newbody dl dt img{  width:100%; height:auto;overflow:hidden;transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out; /* Firefox 4 */
-webkit-transition:all 0.4s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.4s ease-in-out;}
.newbody dl dd{ width:580px; padding-left:20px; padding-top:28px;}
.newbody dl dd h3{ font-size:20px; color:#213359; font-weight:normal; border-bottom:2px solid #00b7ea;display:inline-block; line-height:2;}
.newbody dl dd span{ padding:10px; font-size:30px; border:2px solid #d2d2d2; font-weight:bold; margin-right:10px; color:#213359;}
.newbody dl dd p{ padding-top:20px; line-height:2.5; font-size:14px; color:#4a4a4a; letter-spacing:1px;}
.newbody dl:hover dt img{opacity: 0.8;filter:Alpha(opacity=80); transform:scale(1.1);
-ms-transform:scale(1.1); 	/* IE 9 */
-moz-transform:scale(1.1); 	/* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1);  }
.newbody dl:hover dd h3{color:#00b7ea;}
.newbody dl:hover dd span{ color:#00b7ea; border:2px solid #00b7ea;}

.foot{  background:#213359; padding:2%;}

.foot-left{ width:85%; display:inline-block; float:left;}
.foot-left dl{ width:100%; height:auto;}
.foot-left dl dt{ width:129px; height:auto; display:inline-block; float:left; margin-right:47px;}
.foot-left dl dt img{ width:100%; height:auto;}
.foot-left dl dd{ display:inline-block; float:left;}
.foot-left dl dd p{ font-size:14px; color:#c7c7c7; line-height:28px;}
.foot-right{ width:128px; height:auto; display:inline-block; float:right;}
.foot-right img{ width:100%; height:auto;}
.foot-right p{ font-size:14px; color:#c7c7c7; text-align:center; line-height:28px;}
.copy{ font-size:12px;}
.copy a{ color:#c7c7c7;}
.copy a:hover{ text-decoration:underline;}



/* 内页 */
.ny_content{ width:1200px; height:auto; display:table; margin:30px auto 50px;}

/* 内页 left */
.ny_left{ width:300px; height:auto; display:table; float:left; overflow:hidden;}
.ny_left_list{ width:300px; height:auto; display:table;}
.ny_left_title{ width:300px; height:85px; background:#0157a4; text-align:center; line-height:85px;}
.ny_left_title h2{ font-size:28px; color:#FFF; text-indent:0px; width:auto; height:auto; /*display:table; padding-top:10px; font-weight:normal; */letter-spacing:4px;}
.ny_left_title h3{ font-size:22px; color:#6e9ec9; text-indent:0px; width:auto; height:auto; display:table; padding-top:0px; font-weight:normal; letter-spacing:4px; font-family:Georgia, "Times New Roman", Times, serif;}
.ny_left_title h5{ font-size:70px; color:#6e9ec9; text-indent:44px; width:auto; height:70px; float:left; display:table; padding-top:2px; font-weight:normal; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif; padding-right:2px;}
.ny_left_list_body{ width:300px; height:auto; display:table;}
.ny_left_list_body ul li{ width:300px; height:34px; display:block; line-height:32px; text-align:center; margin-top:5px; border:1px solid #eee; }
.ny_left_list_body ul li a span{ float:right; margin-right:20px; color:#aaa; font-size:14px; font-family:"宋体"；}
.ny_left_list_body ul li a{ width:298px; height:32px; display:block; background:#fafafa; border:1px solid #eee; font-size:14px; letter-spacing:1px; color:#333;}
.ny_left_list_body ul li a:hover{ background:#e1f1ff; border:1px solid #c3e1fb; color:#0157a4;}
.ny_left_list_body ul li a:hover span{ color:#0157a4;}

.ny_left_news{ width:300px; height:auto; display:table; margin-top:20px;}
.ny_left_news_body{ width:300px; height:auto; display:table; overflow:hidden; margin-top:10px;}
.ny_left_news_body ul li{ width:300px; height:26px; line-height:26px; font-size:14px;}
.ny_left_news_body ul li span{ font-size:10px; color:#0157a4; margin-right:5px;}

.ny_left_contact{ width:300px; height:auto; display:table; margin-top:20px;}
.ny_left_contact_body{ width:290px; height:auto; display:table; overflow:hidden; margin-top:5px; padding-left:5px;}
.ny_left_contact_body h2{ font-size:16px; line-height:30px; letter-spacing:1px;}
.ny_left_contact_body h3{ font-size:20px; line-height:33px;}
.ny_left_contact_body p{ font-size:14px; line-height:30px; letter-spacing:1px;}
/* 内页 left end */

/* 内页 right */
.ny_right{ width:860px; height:auto; display:table; float:right; overflow:hidden;}
.ny_right_title{ width:860px; height:36px; border-bottom:3px solid #0157a4; }
.ny_right_title a{ width:auto; height:36px; display:block; float:left; background:#0157a4; padding:0 10px; line-height:36px; color:#FFF; font-size:14px; }
.ny_right_title span{ width:auto; height:36px; display:block; float:left; background:#0157a4; line-height:36px; color:#FFF;}
.ny_right_title a:hover{ color:#F96;}
.ny_right_body{ width:860px; height:auto; display:table; margin-top:20px;}


.clickup {
  position: fixed;
  display: none;
  width: 80px;
  padding: 0;
  min-width: 80px;
  max-width: 80px;
  height: 80px;
  top: 75vh;
  right: 50px;
  background: #1799d7;
  cursor: pointer;
  color: #fff;
  text-align: center;
  z-index:999;
}
.clickup .clickup-top {
  font-size: 4em;
  line-height: 50px;
  position: relative;
  left: -9%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.clickup:hover{background: #007fbb;}




</pre></body></html>