<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
    margin: 0px;
    padding: 0px;
	/*word-break:break-all;*/
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
}
body {
	-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
	background: #ffffff;
}
ul, li{
	margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
	padding: 0px;
	margin: 0px;
}
a {color: #333;text-decoration: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
select { width:100%;}
input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; }
input, textarea, select { outline: none; }
.left {
	float: left;
}
.right {
	float: right;
}
.bgbai { background:#ffffff;}
.bgqh { background:#fbfbfb;}
.bgf3 { background:#f3f3f3;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb50 { margin-bottom:50px;}
.mt10 { margin-top:10px;}
.mtb { margin:20px 0;}
.pb8 {padding-bottom: 8px;}
.space {
	padding-top: 20px;
	padding-bottom: 30px;
}
.space0 { padding:0px;}
.space3 {
	padding-top: 3px;
	padding-bottom: 3px;
}
.space12 { padding:12px;}
.space15 { padding:15px;}
.space18 { padding:18px;}
.space20 { padding:20px;}
.bh { display:block; overflow:hidden;}
.space-top {
	padding-top: 10px;
}
.space-bottom {
	padding-bottom: 20px;
}
.img-portfolio {
    margin-bottom: 15px;
}
.img-hover:hover {
    opacity: 0.9;
}
hr {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ececec;
    float: left;
    width: 100%;
    display: block;
}
.clear{clear:both;}
.column_nr { display:block; overflow:hidden; float:left; width:100%;}
.column_gd { display:block; overflow:hidden;}
.column_gd select {color: #5b5b5b;font-family: serif;height: 24px;outline: none;border: #c5c5c5 solid 1px;}
.border-not { background:#ffffff; border-left:#dddddd solid 1px; border-right:#dddddd solid 1px; border-bottom:#dddddd solid 1px;}
.imgborder { border:#e6e6e6 solid 0px;margin-bottom:18px;}
.imgbox { padding:15px 15px 0 15px; min-height:645px;}
.imglink { border:#ff9600 solid 1px;margin-bottom:18px;padding: 15px 6px;
background: -moz-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: -webkit-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: -o-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: -ms-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: linear-gradient( 0deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
}
.secondarybox { display:block; overflow:hidden; padding:30px 0 25px 0;}
.firstcontent {padding: 28px 0 28px 0;border-top: #fff solid 1px;background: url(../images/bg01.jpg) repeat-x bottom center #e6f7ff;}
.secondcontent {padding: 30px 0 26px 0;}
.thirdcontent {padding: 34px 0 14px 0;background: #e6f7ff;}
.indexbox {width: auto; height:auto; overflow:hidden; margin-bottom: 25px;}
.midbox {width: auto; height:auto; overflow:hidden; margin-bottom: 4px;}
.staffbox {width: auto; height:auto; overflow:hidden; margin: 20px 0 0 0;}
.mobmt {}
.mobpadding {}
.mobmargin {}
@media (max-width: 991px){
	.mobmt {margin-top: 34px;}
	.mobpadding {padding: 0;}
	.mobmargin {margin: 0;}
}
@media (max-width: 767px){
	.mobmt {margin-top: 20px;}
}
/*----------------æŠ¬å¤´èœå•---------------------*/
.headershentang { width: 100%; height: 86px; background-color: #fff; }
.headershent { /*position: fixed;*/ left: 0; top: 0; z-index: 1001; width: 100%; height: 86px;background: url(../images/topnav-bg.jpg) repeat-x bottom center #fff; /*box-shadow: 1px 1px 15px #ccc;*/ }
.logoimg { display: block; float: left; margin-top: 15px; }
.logoimg img { max-width: 100%; display: block; }
.headernav { width: 100%; position: absolute; top: 86px; left: 0; z-index: 1002; display: none; overflow-y: auto; overflow-x: hidden; padding-bottom: 200px; background-color: #fff; }
.headernav ul { background-color: #fff; }
.headernav ul li { font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; }
.headernav ul li a { display: inline-block; padding: 10px 20px; color: #333333; }
.searchandlang { float: right; padding-top: 32px; }
/*.searchicon { display: inline-block; width: 20px; height: 21px; line-height: 20px; background-size: 20px 21px; text-align: center; background-image: url(../images/xgi1.png); background-position: center; background-repeat: no-repeat; }*/
.searchicon { display: inline-block; width: 20px; height: 21px; line-height: 20px; text-align: center;color: #fa8604;font-size: 22px; }
/*.showphonenav { display: inline-block; width: 28px; height: 23px; background-color: #005bac; background-image: url(../images/zstop1.png); background-repeat: no-repeat; background-size: 28px; margin-left: 12px; }*/
.showphonenav { display: inline-block; width: 28px; height: 23px; margin-left: 12px;font-size: 21px;color: #006ecc; }
.showphonenav:after {font-family: "FontAwesome";content: "\f0c9";font-size: 25px;color: #006ecc;}
/*.showphonenav.closenav { background-color: #005bac; background-image: url(../images/zstop2.png); background-repeat: no-repeat; background-size: 28px; }*/
.showphonenav.closenav {}
.showphonenav.closenav:after {font-family: "FontAwesome";content: "\f00d";font-size: 25px;color: #006ecc;}
.searchwrap { display: block; position: absolute; width: 100%; top: 87px; left: 0; z-index: 100; display: none; }
.searchwrap dl { background-color: #eee; height: 46px; }
.searchwrap dl dd { width: 20%; float: left; }
.searchwrap dl dd input { background-color: #005bac; width: 100%; height: 46px; cursor: pointer; color: #fff; }
.searchwrap dl dd.inputtext { width: 80%; }
.searchwrap dl dd.inputtext input { width: 100%; height: 46px; background-color: #eee; padding-left: 20px; cursor: initial; color: #333; }
.subnavcont { display: none; font-size: 14px; background: #f2f2f2; }
.headernav .subnavlist a { display: block; padding: 8px 0; margin: 0 36px; border-bottom: 1px #ccc solid; }
.headernav .subnavlist a:hover { color: #005bac; }
.headernav .subnavlist a:last-child { border-bottom: 0; }
/*.phsearchicon { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display: inline-block; content: ""; padding: 0 22px; height: 26px; background-color: #005bac; background-image: url(../images/zstop3.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 9px; top: 10px; z-index: 100; cursor: pointer; background-size: 45px; }*/
.phsearchicon:after { font-family: "FontAwesome";content: "\f107";font-size: 28px;color: #006ecc;-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display: inline-block; padding: 0 22px; height: 43px;line-height: 43px; z-index: 100; cursor: pointer;float: right;right: 0;top: 0;position: absolute; }
/*.phsearchicon.cur { transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }*/
.phsearchicon.cur:after { font-family: "FontAwesome";content: "\f106";font-size: 28px;color: #006ecc;-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display: inline-block; padding: 0 22px; height: 43px;line-height: 43px; z-index: 100; cursor: pointer;float: right;right: 0;top: 0;position: absolute; }
.searchandlang .langea { display: none; }

.mc-lange { display: block; text-align: center; padding-top: 20px; }
.langea { font-size: 13px; color: #666666; }
.mc-lange .langea:last-child { background: none; }

@media (min-width: 992px) {
  .headershentang { border: none; height: 80px; }
  .headershent { height: 86px; /*position: relative;*/ }
  .logoimg { margin-top: 15px; }
  .logoimg img { height: auto; display: block; }
  .showphonenav { display: none; }
  .headernav { position: static; top: 0; width: auto; float: left; padding: 0 0 0 6%; background: none; display: block; overflow: inherit; }
  .headernav ul { padding: 0; background: none; height: 86px; display: block; }
  .headernav ul li { float: left; font-size: 15px; border: none; height: 86px; position: static; }
  .headernav ul li a { height: 86px; line-height: 86px; padding: 0 18px; color: #333333; }
  .headernav ul li.cur &gt; a, .headernav ul li:hover &gt; a { color: #005bac; }
  .subnavcont { width: 100%; background: rgba(1,61,143,.8); position: absolute; left: 0; top: 86px; z-index: 30; font-size: 14px; text-align: center; }
  .subnavlist { line-height: 48px; max-width: 1140px; margin: 0 auto; padding-left: 196px; }
  .headernav .subnavlist a { margin: 0; display: inline-block; height: 48px; line-height: 48px; color: #fff; padding: 0; background: none; border: none; padding: 0 22px; background: url(../images/top08.png) no-repeat right center; }
  .headernav .subnavlist a:last-child { background: none; }
  .headernav .subnavlist a:hover { color: #37eaff; }
  .phsearchicon { display: none; }
  .searchwrap { width: 375px; height: 48px; right: 0px; left: auto; top: 87px; z-index: 50; display: none; z-index: 201; }
  .searchwrap dl { height: 46px; }
  .searchwrap dl dd.inputtext input { width: 290px; height: 46px; line-height: 46px; *height: 44px; padding: 0 0 0 10px; text-align: left; cursor: auto; }
  .searchwrap dl dd { float: left; }
  .searchwrap dl dd input { width: 75px; height: 46px; text-align: center; line-height: 46px; cursor: pointer; }
  .searchandlang { padding-top: 26px; position: relative; }
 /* .searchicon { position: relative; height: 34px; width: 34px; background-size: 14px; background-position: center; border: 1px #e1e1e1 solid; border-radius: 2px; display: inline-block; background-image: url(../images/index4.png); }*/
   .searchicon { position: relative; height: 34px; width: 34px; border: 1px #e1e1e1 solid; border-radius: 2px; display: inline-block;line-height: 32px;font-size: 14px;color: #fa8604; }
  .searchandlang .langea { display: inline-block; background: none; height: 34px; width: 34px; border: 1px #e1e1e1 solid; border-radius: 2px; text-align: center; line-height: 34px; vertical-align: top;margin-left: 3px; }
  .mc-lange { display: none; }
}
@media (min-width: 1024px) {
	.headernav ul li a { padding: 0 14px; }
}
@media (min-width: 1199px) {
	.headernav ul li a { padding: 0 18px; }
	.headernav { padding: 0 0 0 5%; }
}
@media (max-width: 1199px) {
	.headernav ul li a { padding: 0 7px; }
}
@media (max-width: 991px) {
	.headernav ul li a { padding: 10px 18px; }
	.langea { padding: 0 10px;font-size: 16px; }
}
@media (max-width: 767px) {
	.headershent {height: 74px;}
	.headernav {top:74px;}
	.searchandlang {padding-top: 28px;}
	.searchwrap {top:75px;}
	.logoimg img { height: 44px; }
}
/*---------------ç„¦ç‚¹å›¾&amp;æ–°é—»---------------------*/
.winimg { width:62.106%;}
.wintext { width:35.615%;}
.firstcontent .focuspic {margin: 0;border: #fff solid 1px;}
.firstcontent .focustext {/* height: 354px; *//* overflow: hidden; */}
.firstcontent .focustext h3 {font-size: 22px;font-weight: 700;line-height: 30px;padding: 0;margin: 0 0 14px 0;display: block;}
.firstcontent .focustext h3 a {color: #004b8e;}
.firstcontent .focustext h3 a:hover {color: #000000;}
.firstcontent .focustext p {font-size: 13px;color: #818282;line-height: 22px;margin-bottom: 18px;}
.list-hotnews { overflow:hidden; display:block;}
.list-hotnews li{overflow:hidden;clear:both;background: url(../images/ico_02.gif) no-repeat 2px 15px;padding-left: 13px;}
.list-hotnews li span {float: left;margin-right: 10px;font-size:13px;line-height:34px;font-family: Arial;color: #008fd4;}
.list-hotnews li a{ float:left;width:80%;overflow:hidden;font-size:14px;line-height:34px; color:#202020;text-overflow:ellipsis; white-space:nowrap; }
.list-hotnews li a:hover {color: #0070bc;}
.hotnewsurl a {overflow: hidden;display: block;text-align: right;color: #0275bf;font-size: 13px;margin: 15px 0 0 0;font-family: Arial;}
.hotnewsurl a:hover {color: #ed3200;}
@media (max-width: 1199px) {
.firstcontent .focustext h3 {font-size: 18px;line-height: 24px;}
.firstcontent .focustext {margin: 0;height: 302px;}
.list-hotnews li a{ width:78%;}
.hotnewsurl a {margin: 12px 0 0 0;}
}
@media (max-width: 991px) {
.firstcontent .focustext {height: 219px;}
.hotnewsurl a {margin: 8px 0 0 0;}
}
@media (max-width: 767px) {
.winimg { width:100%;}
.wintext { width:100%;}
.list-hotnews li{padding: 8px 0 0 13px;}
.list-hotnews li a{ line-height:22px;white-space: normal;width:79%;}
.firstcontent .focustext {height: auto;margin: 15px 0 0 0;}
.firstcontent .focustext h3 {font-size: 22px;line-height: 28px;}
.list-hotnews li span {line-height: 22px;}
}
/*--ç„¦ç‚¹å›¾END--*/
/*---------------æ–‡å­—åˆ—è¡¨---------------------*/
.list-news { overflow:hidden; display:block;margin-bottom: 20px;}
.list-news ul li{overflow:hidden;clear:both;border-bottom:0px dashed #d4d4d4; width:100%; text-align:left;padding: 0;}
.list-news ul li a{ float:left;width:84%;overflow:hidden;font-size:14px;line-height:32px; color:#202020;background-image: url(../images/ico_04.gif);background-repeat: no-repeat;background-position: left 13px;padding:0 0 0 14px;text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:500;}
.list-news ul li a &gt; img { display:inline-block; margin:0 0 0 6px;}
.list-news ul li a:hover {color: #0070bc; text-decoration: none;}
.list-news ul li:hover {background:#ffffff;}
.list-news span {line-height:32px;color:#9b9b9b; font-size: 12px; font-family:Arial;}
.list-news span.right {float: right;}

.list-index { overflow:hidden; display:block;}
.list-index ul li{overflow:hidden;clear:both;border-bottom:0px dashed #d4d4d4; width:100%; text-align:left;padding: 0;}
.list-index ul li a{ float:left;width:100%;overflow:hidden;font-size:14px;line-height:30px; color:#202020;background-image: url(../images/ico_04.gif);background-repeat: no-repeat;background-position: left 11px;padding:0 0 0 14px;text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:500;}
.list-index ul li a:hover {color: #0070bc; text-decoration: none;}
/*---------------å¹¿å‘Šä½---------------------*/
.adbox {margin: 2px 0 30px 0;overflow: hidden;}
.adbanner{POSITION: relative; WIDTH: 100%;height: 140px; overflow: hidden;display: block;}
.adbanner OL{POSITION: absolute; TOP: 0px; LEFT: 0px}
.adbanner LI{WIDTH: 100%; HEIGHT: 140px;overflow: hidden;}
.adbanner img{WIDTH: 100%; HEIGHT: auto;}
.mouse_direction{POSITION: absolute; WIDTH: 25px; DISPLAY: none; HEIGHT: 50px; RIGHT: 0px}
.mouse_top{BACKGROUND: url(../images/direction_icon.png) no-repeat; HEIGHT: 25px; CURSOR: pointer}
.mouse_bottom{BACKGROUND: url(../images/direction_icon.png) no-repeat 0px -25px; HEIGHT: 25px; CURSOR: pointer}
@media (max-width: 1199px) {
	.adbanner{height: 115px;}
}
@media (max-width: 991px) {
	.adbanner{height: 89px;}
}
@media (max-width: 767px) {
	.adbox {margin: 0 0 25px 0;overflow: hidden;}
	.adbanner{height: 47px;}
}
/* ä»ªå™¨è®¾å¤‡
------------------------------------*/
.yqbox {padding: 20px 0 0 0;}
.work-bottom {
  margin-bottom: 7px;
}
.work-bottom p { font-size:13px; line-height:18px; color:#333333; text-align:center; width:100%; display:block; margin: 10px 0 0 0;}
.work-bottom p a { width: 100%; color:#333333;text-overflow:ellipsis; white-space:nowrap;display: block;overflow: hidden;}
.work-bottom p a:hover { color:#025db3;text-decoration: none;}
.work-bottom h6 { font-size:13px; line-height:18px; color:#0197e0; text-align:center; width:100%; display:block; margin: 3px 0 0 0;font-family: Arial;font-weight: 100;}
.team-left{
margin:0 10px;
}
.team-left img{
width:100%; border:#ededed solid 1px;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item &gt; img {
	cursor: pointer;
	position: relative;
}
@media (max-width: 1199px){
.work-bottom {margin-bottom: 2px;}
}
@media (max-width: 768px){
.work-bottom p { padding-right: 6px;}
}
/* @media screen and (max-width: 640px){
.work-bottom {
  margin-top: 2em;
}
} */
/*---------------ä¸šåŠ¡æ¿å—---------------------*/
.business {position: relative;overflow: hidden;margin-bottom: 20px;}
.business img {width: 100%;}
.business p {position: absolute;bottom: 0;right: 30px; height: 42px;color: #ffffff;font-size: 18px;line-height: 38px;margin: 0;}
.business:hover p {color: #00e2ff;}

/*---------------å…¶ä»–æ&nbsp;·å¼---------------------*/
.lanmu{ height:36px;}
.lanmu_l{ height:36px; font-family: \5FAE\8F6F\96C5\9ED1; color:#000000; font-weight:500; float:left; font-size:22px; padding: 0 0 0 15px; background:url(../images/ico_03.png) no-repeat 0 2px;}
.lanmu_r{ float:right; color:#bddcff; font-family: Arial; font-size:13px;}
.lanmu_r a{ color:#0080da; text-decoration:none;line-height: 28px;}
.lanmu_r a:hover{ color:#cd3c2e; text-decoration:none;}

.lanmu1{ height:36px;border-bottom: #daedf6 solid 1px;}
.lanmu1_l{ height:36px; font-family: \5FAE\8F6F\96C5\9ED1; color:#000000; font-weight:500; float:left; font-size:22px; padding: 0 0 0 15px; background:url(../images/ico_03.png) no-repeat 0 2px;}
.lanmu1_r{ float:right; color:#bddcff; font-family: Arial; font-size:13px;}
.lanmu1_r a{ color:#0080da; text-decoration:none;line-height: 28px;}
.lanmu1_r a:hover{ color:#cd3c2e; text-decoration:none;}

.illustration {overflow: hidden;margin-bottom: 12px;}
.illustration img {width: 100%;}

.copyright{padding:26px 0 30px 0;font-size:13px; line-height:24px;color:#f8f8f8;display:block; overflow:hidden;text-align: center;}
.copyright a{color:#f8f8f8;}
/*---------------äºŒçº§é¡µé¢å¸ƒå±€---------------------*/
.layout-l {width: 18%;}
.layout-r {width: 79%;}
@media (max-width: 991px){
	.layout-l {width: 25%;}
	.layout-r {width: 71%;}
}
@media (max-width: 767px){
	.layout-r {width: 100%;}
}
/*---------------å·¦ä¾§èœå•---------------------*/
.leftnav {background: #014b8e;padding: 12px 13px;overflow: hidden;}
.leftnav h1 {font-size: 60px; color: #fff;margin:0 8px 0 0;text-transform:uppercase;font-family: Arial;line-height: 60px;float: left;}
.leftnav .rtext {overflow: hidden;display: block;}
.leftnav .rtext h5 {font-size: 17px; color: #fff;line-height: 22px;margin: 9px 0 2px 0;}
.leftnav .rtext h6 {font-size: 20px; color: #fff;line-height: 22px;margin: 0;text-transform:uppercase;font-family: Arial;font-weight: 300;}
.contentWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.contentLeft {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #e7f3fa;
}

.contentRight {
  padding: 1.3rem 2rem;
  margin-left: 250px;
}

.leftNavigation {
  margin: 0rem 0;
}
.leftNavigation, .leftNavigation li ul {
  list-style: none;
  padding: 0;
}
.leftNavigation li a {
  font-size: 15px;
  display: block;
  padding: 10px 12px 10px 30px;
  color: #1a2531;
  border-bottom: solid 1px #cae3ed;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-weight:400;
}
.leftNavigation li a, .leftNavigation li a .leftNavIcon {
  line-height: 160%;
}
.leftNavigation li a .leftNavIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 10px 0;
  text-align: center;color: #004aca;
}
.leftNavigation li.active a .leftNavIcon {color: #ffffff;}
.leftNavigation li a:hover .leftNavIcon {color: #ffffff;}
.leftNavigation li a .leftNavIcon1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  padding: 0.8rem 0;
  text-align: center;
}
.leftNavigation li a:hover {
  color: #ffffff; text-decoration:none; background:#52a6e2;
}
.leftNavigation li ul {
  display: none;
  margin: 0;
  background-color: #e8f6fe;
}
.leftNavigation li ul li { border-bottom: solid 1px #D0E9F3;}
.leftNavigation li ul li a {
  border-bottom: solid 0px #D0E9F3; font-size:13px; color:#535353; background:url(../images/reisico_05.gif) #e8f6fe no-repeat left 17px; margin-left:30px; padding-left:12px;
}
.leftNavigation li ul li a:hover {
  color: #286ecc; text-decoration:none; background:url(../images/reisico_05.gif) #e8f6fe no-repeat left 17px;
}
/*#

 li ul li:last-child a {
  border-bottom: none;
}*/
.leftNavigation li ul li.active a {
  color: #286ecc; text-decoration:none;
}
.leftNavigation li.active &gt; a {
  color: #ffffff; text-decoration:none;
}
.leftNavigation li.active ul {
  display: block;
}
.leftNavigation &gt; li.active {
  background-color: #52a6e2;
}
@media (max-width: 1199px){
	.leftnav .rtext h6 {font-size: 14px;}
}
/*---------------å•ç¯‡ç»†è§ˆ---------------------*/
.nrhei {font-size: 14px; line-height: 28px; font-family: \5FAE\8F6F\96C5\9ED1; color: #454545;}
#xlmain {display: block;overflow: hidden;margin:0px;}
#xlmain .wztitle {color: #053e85; line-height:36px; text-align:center; font-size: 24px; padding: 0px 0px 6px 0px;}
#xlmain .qtinfo {color:#666; text-align:center; font-size: 12px; border-bottom: solid 1px #cccccc; padding: 0px 0px 16px 0px;}
#xlmain .qtinfo a {color:#666; text-decoration: none;}
#xlmain .qtinfo a:hover {color:#de0c0c; text-decoration: none;}
#xlmain .text { margin:20px 0 0 0; overflow:hidden; display:block;text-indent: 2em;}
#xlmain .text img {display: block;margin-right: auto;margin-left: auto;height: auto !important;}
#xlmain .text p:last-child {margin: 0;}
#xlmain .textxl { margin:20px 10px; overflow:hidden; display:block;}
#xlmain .textxl img {display: block;margin-right: auto;margin-left: auto;height: auto !important;}
@media screen and (max-width: 640px){
#xlmain .wztitle {line-height:34px; font-size: 22px;}
#xlmain .textxl { margin:20px 0;}
}
@media (max-width: 767px) {
	#xlmain .text img {width: 100% !important;height: auto !important;}
	#xlmain .textxl img {width: 100% !important;height: auto !important;}
}
/*æ‚¬æµ®é“¾æŽ¥*/
.red{color:#fc8080!important;}
.suspension{position:fixed;z-index:55;right:10px;top:230px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:50px;height:50px;background-color:#21aff4;margin-bottom:4px;cursor:pointer;outline:none;border-radius: 2px;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:50px;height:50px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:30px;height:28px;margin-top:12px;margin-left:10px;background-image:url(../images/side_zx_icon.png);background-repeat:no-repeat;}
.suspension .a-cart .i{width:30px;height:28px;margin-top:12px;margin-left:10px;background-image:url(../images/side_sc_icon.png);background-repeat:no-repeat;}
.suspension .a-qrcode .i{width:30px;height:28px;margin-top:12px;margin-left:10px;background-image:url(../images/side_wx_icon.png);background-repeat:no-repeat;}
.suspension .a-top .i{width:30px;height:36px;margin-top:7px;margin-left:10px;background-image:url(../images/side_top_icon.png);background-repeat:no-repeat;}
.suspension .a-top{background:#21aff4;display:none;}
.suspension .a-top:hover{background:#F05352;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0;}
.suspension .d-qrcode{top:102px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:50px;height:50px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:50px;height:50px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:50px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text p {margin-bottom: 2px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0 10px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
@media (max-width: 767px) {
	.suspension{top:284px;}
}
@media (max-width: 380px) {
	.suspension{top:270px;}
}
@media (max-width: 320px) {
	.suspension{top:202px;}
}
/* 3.3. Thumbnailå›¾ç‰‡åˆ·å…‰ç‰¹æ•ˆ */
.phototitle { float:left;width:100%;overflow:hidden;font-size:13px;line-height:22px; color:#454545;padding:8px 0px; text-align:center; margin:0;}/*text-overflow:ellipsis; white-space:nowrap; */
.phototitle a {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.phototitle a:hover { color:#0c5ebf;text-decoration:none;}
.thumbnail {
  padding: 0;
}
  
.thumbnail.thumbnail_big{
  margin-bottom:0
}

.thumbnail &gt; img {
  margin: 0;
  width: 100%;
}

.thumbnail_big .thumbnail__caption {
  padding: 18.77px 9px;
}

.thumbnail__caption {
  padding: 9px;
  color: #333;
}

.thumbnail__news {
  padding: 15px;
  color: #333;
}

.thumbnail__link {
  display: block;
}

.thumbnail__link img {
  margin: 0;
  width: 100%;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.thumbnail__link:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.thumbnail__link:hover + .thumbnail__caption .icon-play {
  -webkit-animation-duration: .7s;
          animation-duration: .7s;
  -webkit-animation-name: video-arrow;
          animation-name: video-arrow;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
/* 3.3. END Thumbnail */
.thumbnail__link img {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.thumbnail__link {
  display: block;overflow: hidden;border: #efefef solid 1px;
}

/* end yellow line in title word*/
/* thumbnail image hover */
.thumbnail__link {
    position: relative;
}

.thumbnail__link::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.thumbnail__link:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
@media screen and (min-width: 1200px) {
.img-portfolio img { height:185px; width:100%;}
}
@media screen and (max-width: 1199px) {
.img-portfolio img { height:151px; width:100%;}
}
@media screen and (max-width: 991px){
.img-portfolio img { height:159px; width:100%;}
}
@media screen and (max-width: 640px){
.img-portfolio img { height:104px; width:100%;}
}
@media screen and (max-width: 320px){
.img-portfolio img { height:87px;}
}
/*---------------å›¾æ–‡åˆ—è¡¨---------------------*/
.graphiclist {overflow: hidden;}
.graphiclist li{margin-bottom: 15px; display: block; overflow: hidden; border-bottom:#ccc dashed 1px; }
.graphiclist li:last-child {margin-bottom: 0px;border-bottom:#ccc dashed 0px; }
.graphiclist li h2 { font-size:15px; line-height:22px; margin:0 0 8px 0;}
.graphiclist li h2 a { color:#005bac;font-family: \5FAE\8F6F\96C5\9ED1;font-weight: 700;}
.graphiclist li h2 a:hover { color:#15549a; text-decoration:none;}
.graphiclist .news-img{ margin-right: 10px; margin-bottom:15px;}
.graphiclist .news-img img{ border:#e4e4e4 solid 1px;}
.graphiclist .news-txt p { line-height: 20px; font-size: 13px; margin: 0px; color:#747474;}
.graphiclist .news-txt i { font-size: 12px; margin: 8px 0 15px 0; color:#53b9eb; display:block;text-align: right;font-style: normal;}
.graphiclist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:none; font-style:italic; display:block;}
.graphiclist .news-txt p a:hover { color:#15549a;}
@media (min-width: 768px) {
	.graphiclist .news-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;}
	.graphiclist .news-img img{ width: 140px; height: 93px;}
	.graphiclist .news-img{ margin-right: 20px;}
	.graphiclist li{margin-bottom: 15px; display: block; overflow: hidden; }
}
@media (max-width: 767px) {
	.graphiclist .news-img{ margin-bottom:2px;}
	.graphiclist .news-img img{ width: 126px; height:84px;}
}

.piclist {overflow: hidden;}
.piclist li{margin-bottom: 15px; display: block; overflow: hidden; border-bottom:#ccc dashed 0px; }
.piclist li h2 { font-size:15px; line-height:22px; margin:0 0 8px 0;}
.piclist li h2 a { color:#005bac;font-family: \5FAE\8F6F\96C5\9ED1;font-weight: 700;}
.piclist li h2 a:hover { color:#da2500; text-decoration:none;}
.piclist .news-img{ margin-right: 10px; margin-bottom:15px;}
.piclist .news-img img{ border:#e4e4e4 solid 1px;}
.piclist .news-txt p { line-height: 20px; font-size: 13px; margin: 0px; color:#747474;}
.piclist .news-txt i { font-size: 12px; margin: 8px 0 15px 0; color:#53b9eb; display:block;/*text-align: right;*/font-style: normal;}
.piclist .news-txt p a { overflow:hidden; color:#f08519; font-size:12px; text-decoration:none; font-style:italic; display:block;}
.piclist .news-txt p a:hover { color:#15549a;}
@media (min-width: 768px) {
	.piclist .news-txt p{ line-height: 20px; height: auto; font-size: 13px; overflow:hidden;}
	.piclist .news-img img{ width: 100px; height: 136px;}
	.piclist .news-img{ margin-right: 20px;}
	.piclist li{margin-bottom: 15px; display: block; overflow: hidden; }
}
@media (max-width: 991px) {
	.piclist li{border-bottom:#ccc dashed 1px; }
	.piclist li:last-child {border:0; }
}
@media (max-width: 767px) {
	.piclist .news-img img{ width: 78px; height:106px;}
}

/*---------------å›¾ç‰‡åˆ—è¡¨---------------------*/
.picinfo { margin-top: 5px;}
.picinfo li {margin-bottom: 18px;}
.picinfo li .boxstyle {overflow: hidden;}
.picinfo li .boxstyle img {border: #efefef solid 1px;width: 158px;height: 214px;}
.picinfo li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);}
.picinfo li .boxstyle .txtinfo {margin: 8px 6px 0 6px;overflow: hidden;}
.picinfo li .boxstyle .txtinfo h5 {font-size: 13px;color: #f7931e;margin: 0 0 8px 0;}
.picinfo li .boxstyle .txtinfo h4 { font-size: 14px;font-weight: 500;margin: 0 0 3px 0;line-height: 20px; text-align: center;height: 44px;overflow: hidden;}
.picinfo li .boxstyle .txtinfo h4 a { color: #333333;word-break:break-all;}
.picinfo li .boxstyle .txtinfo h4 a:hover { color: #005bac;}
.picinfo li .boxstyle .txtinfo p {font-size: 13px;color: #808080;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.picinfo li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;}
@media (max-width: 991px) {
.picinfo li .boxstyle img {width: 150px;height: 202px;}
}
@media (max-width: 767px) {
.picinfo li .boxstyle .txtinfo {margin: 8px 0 0 0;}
.picinfo li .boxstyle img {width: 150px;height: 202px;}
}
@media (max-width: 320px) {
.picinfo li .boxstyle img {width: 130px;height: 176px;}
}

.instrument { margin-top: 5px;}
.instrument li {margin-bottom: 18px;}
.instrument li .boxstyle {overflow: hidden;}
.instrument li .boxstyle img {border: #efefef solid 1px;width: 203px;height: 149px;}
.instrument li a:hover .boxstyle img {opacity: 0.8;filter: alpha(opacity=80);}
.instrument li .boxstyle .txtinfo {margin: 8px 6px 0 6px;overflow: hidden;}
.instrument li .boxstyle .txtinfo h5 {font-size: 13px;color: #f7931e;margin: 0 0 8px 0;}
.instrument li .boxstyle .txtinfo h4 { font-size: 14px;font-weight: 500;margin: 0 0 3px 0;line-height: 20px; text-align: center;/*height: 44px;overflow: hidden;*/}
.instrument li .boxstyle .txtinfo h4 a { color: #333333;word-break:break-all;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.instrument li .boxstyle .txtinfo h4 a:hover { color: #005bac;}
.instrument li .boxstyle .txtinfo p {font-size: 13px;color: #0197e0;line-height: 18px;margin: 4px 0 0 0;word-break: break-all;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.instrument li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;}
@media (max-width: 1199px) {
.instrument li .boxstyle img {width: 163px;height: 120px;}
}
@media (max-width: 991px) {
.instrument li .boxstyle img {width: 150px;height: 111px;}
}
@media (max-width: 767px) {
.instrument li .boxstyle .txtinfo {margin: 8px 0 0 0;}
.instrument li .boxstyle img {width: 177px;height: 130px;}
}
@media (max-width: 380px) {
.instrument li .boxstyle img {width: 158px;height: 116px;}
}
@media (max-width: 320px) {
.instrument li .boxstyle img {width: 130px;height: 96px;}
}
/*---------------ä»£ç†å“ç‰Œ---------------------*/
.brandbox {
	width: auto;
    margin-top: 10px;
	border: 1px solid #dcdcdc;
    border-bottom-color: #c3c3c3;
    background-color: #fff;
    overflow: hidden;}
.brand {width: 101%;overflow: hidden;margin-top: -1px;}
.brand li{
  width: 12.4%;
  /*height:110px;*/
  border: 1px solid #e5e5e5;
  border-width: 1px 1px 0px 0;
  background-color: #fbfbfb;
  float: left;padding: 20px;
}
.brand li img {width: 100%;margin: 0 auto;}

.agentbrandbox {
	width: auto;
    margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #dcdcdc;
    border-bottom-color: #c3c3c3;
    background-color: #fbfbfb;
    overflow: hidden;}
.agentbrand {width: 101%;overflow: hidden;margin-top: -1px;}
.agentbrand li{
  width: 12.4%;
  /*height:110px;*/
  border-bottom: #e5e5e5 solid 1px;
  border-right: #e5e5e5 solid 1px;
  background-color: #fbfbfb;
  float: left;padding: 20px;
}
.agentbrand li img {width: 100%;margin: 0 auto;}
@media (max-width: 991px) {
	.agentbrand li{width: 16.57%;}
	.agentbrand li{padding: 16px;}
}
@media (max-width: 767px) {
	.agentbrand li{width: 33.2%;}
	.agentbrand li{padding: 16px;}
}
@media (max-width: 320px) {
	.agentbrand li{padding: 13px;}
}
/*ç½‘ç«™åœ°å›¾*/
.webmap { overflow:hidden;margin-top: 20px;}
.webmap hr { margin:5px 0;}
.webmap .rlink { padding:0 0 0 40px; overflow:hidden;}
.webmap .rlink a { display: inline-block; overflow:hidden; margin:3px 15px 0 15px;}
.webmap .tabh { min-height:42px; border-bottom:#dedede dashed 1px;}
.webmap td {padding: 3px 0 6px 0;}
@media (max-width: 991px){
.webmap .rlink { padding:0;}
}
@media (max-width: 767px){
.webmap .rlink { margin:10px 0 0 0;}
.webmap .tabh {margin: 0 0 8px 0;}
}</pre></body></html>