.header .container,.wrapper{ width:1300px;}

/************************************topnav********************************/
.home .topnav{display:none}
/************************************header********************************/
.home .header {background: none;height:80px; position:absolute; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.5)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);} 
.home .header .logo { height:70px;background: url(../images/home/logo.png) no-repeat 0px center;width: 440px;} 
.home .header .container .nav{display:block;}
.home .header .search{display:none}

.home .header.scroll {position: fixed;height:60px;top: 0;z-index: 10000;background:#25598b;}
.home .header.scroll  .container{height:60px;}
.home .header.scroll .logo {height:60px;}
.home .header.scroll .menu{margin-top:10px;}
.home .header.scroll .container .nav{margin-top:10px;}

/************************************menu********************************/
.home .menu{display:block;}

/* FlexSlider Necessary Styles
*********************************/
.flexbanner { position: relative;z-index: 1;width: 100%; height:740px; background:#fff; border-bottom: 0 solid #fe6307;    overflow: hidden;}
.flexslider { position: relative;zoom:1;margin: 0; padding: 0; z-index:1;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative; text-align:center;  } 


.flexslider,
.flexslider .slides,.flexslider .slides .aimg,.flexslider .slides > li .abg,
.flexslider .slides > li{height:660px;}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li.clone{position:relative}
.flexslider .slides .aimg{ position:relative; z-index:2; display:block; background-repeat:no-repeat;background-position:center center;  background-size:auto 660px;}
.flexslider .slides a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: url(../img/bg20.png) center bottom repeat-x;
    background-size: auto 5.19rem;
}
.flexslider .slides img { position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.flexslider .slides video{position:relative; z-index:2;}
.flexslider .slides > li .abg{ position:absolute; z-index:1; top:0; width:100%;  background-position:center center; background-repeat:repeat; background-size:auto 640px;-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);}
.flexslider .slides > li .vbg{ position:absolute; z-index:1; top:0; left:0; width:100%;height: 100%; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider .slides > li p{  position:absolute; left:6%; bottom:12%; height:auto;} 
.flexslider .slides > li p{  position:absolute; z-index:4;right:0; left:0; bottom:180px;  padding:20px 0 40px; text-align:center; color:#fff;font-size:40px; font-weight:500;text-shadow: black 0em 0em 1px;   letter-spacing: 10px;
    text-shadow: 0 3px 15px rgba(2,2,2,.3);left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%); } 
.flexslider .slides > li p a{color:#fff;font-size:30px; font-weight:bold;text-shadow: black 0em 0em 1px;}
.flexslider .slides > li p h3{ }
.flexslider .slides > li p a:hover h3{ text-decoration:underline;}
.flexslider .slides > li p .span{width: 1300px; margin:0 auto; margin-top:10px; line-height:140%; display:block; text-align:left;color:#fff; font-size:16px;}
.flexslider .slides > li p .span{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.flexslider .slides > li p img{display:inline}
.flexslider .slides > li p a img{ vertical-align:middle;}


.flexslider .slides > li .image {position:absolute; z-index:3;top:0; width:100%;height:420px; }
.flexslider .slides > li .image img{display:inline}
.flexslider .slides > li .image p{ position:static; background:none;}
/* FlexSlider Default Theme pc-content
*********************************/ 

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flexslider img{ display:block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 30px; height: 50px;  position: absolute; top: 330px; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-35px;} 
.flex-direction-nav .flex-prev { background: url("../img/ico_prev.png")  no-repeat center center;width:70px;height:70px;left:50px;display: block;opacity:0.8;}
.flex-direction-nav .flex-next {background: url("../img/ico_next.png") no-repeat center center;width:70px;height:70px;right:50px;display: block;opacity: 0.8;}
/* flex-control Nav */ 
.flex-control-nav{position:absolute;bottom:90px;z-index:2;width:100%;text-align:center; margin:0; padding:0;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;border-radius:50%; background:none; border:1px solid #fff; cursor:pointer;opacity: 0.8;background:#fff;}
.flex-control-nav .flex-active{background:#0096e0; border:1px solid #fff;}

/*******************search-box*******************/
.flexbanner .search-box {position:absolute;bottom:400px;  width:100%;height:160px; left:0;right:0;  z-index:3;display: none; }
.flexbanner .search-box form{ margin:auto; width:720px;height:160px; }
.search-box .search-btn:hover{background:rgba(33,99,173,0.8)}

/*******************service*******************/
.flexbanner .service {position:absolute;bottom:0px; width:100%;height:160px; left:0;right:0;  z-index:2; }
.flexbanner .service-nav{width:1300px; margin:auto; box-sizing:border-box; padding:24px 32px 24px 24px; background: url("../img/bg-nav.png") no-repeat right top; height:160px; }
.flexbanner .service-nav{height: 112px;  display: flex;}
.flexbanner .service-nav li {flex: 1;margin-right: 20px;background: url("../img/home/bg_nav_2.png")  no-repeat center center; border:1px solid #ededed; border-radius:2px;   background-size: 100%;height: 112px; position:relative; }
.flexbanner .service-nav li:last-child{margin-right: 0;}
.flexbanner .service-nav li:hover{box-shadow: 0px 5px 10px rgba(0, 150, 224, 0.3);transition: all 0.2s;}
.flexbanner .service-nav li>a{display:flex;justify-content: space-between; padding:20px 40px;align-items: center; border-radius:6px;color:#0096e0; }
.flexbanner .service-nav li:first-child{background: url("../img/home/bg_nav_1.png")  no-repeat center center;background-size: 100%;}
.flexbanner .service-nav li:last-child{background: url("../img/home/bg_nav_3.png")  no-repeat center center;background-size: 100%;}
.flexbanner .service-nav li:first-child:hover{box-shadow: 0px 5px 10px rgba(0, 165, 111, 0.3);transition: all 0.2s;} 
.flexbanner .service-nav li:last-child:hover{box-shadow: 0px 5px 10px rgba(143, 0, 8, 0.3);transition: all 0.2s;}
.flexbanner .service-nav li:first-child>a{color:#00a56f;}
.flexbanner .service-nav li:last-child>a{color:#8f0008;}

.flexbanner .service-nav li>a:hover{ text-decoration:none;} 
.flexbanner .service-nav li .service-info{display:flex;align-items: center;}
.flexbanner .service-nav li .service-info i{display:none;} 

.flexbanner .service-nav.my-nav li:first-child,
.flexbanner .service-nav.my-nav li:last-child,
.flexbanner .service-nav.my-nav li{ background:none;}
.flexbanner .service-nav.my-nav li:first-child:hover,
.flexbanner .service-nav.my-nav li:last-child:hover{box-shadow: 0px 5px 10px rgba(0, 150, 224, 0.3);transition: all 0.2s;}
.flexbanner .service-nav.my-nav li>a,
.flexbanner .service-nav.my-nav li:first-child>a,
.flexbanner .service-nav.my-nav li:last-child>a{color:#222;}

.flexbanner .service-nav.my-nav li .service-info i.img{display:block;font-size:44px;box-shadow:none; margin-right:20px;}
.flexbanner .service-nav.my-nav li:nth-child(2) .service-info i.img{font-size:46px;}
.flexbanner .service-nav.my-nav li em {
    position: absolute;
    top: 24px;
    left: 72px;
    border-radius: 15px;
    padding: 0 3px;
    min-width: 15px;
    text-align: center;
    background-color: #ec6c1f;
    color: #fff;
    background-color: #ff2323;
}


.flexbanner .service-nav li .service-info .service-arr i{display:block;}
.flexbanner .service-nav li img{ width:64px; height:64px; margin-right:20px; }

.flexbanner .service-nav li h3{ font-size:20px; font-weight:400;}
.flexbanner .service-nav li p{ font-size:14px;}
.flexbanner .service-nav li p a{ display:inline;padding:0;color: #0096e0;}
.flexbanner .service-nav li i{ color:#ccc;color:#0096e0; font-size:20px; }
.flexbanner .service-nav li:first-child i{color:#00a56f;}
.flexbanner .service-nav li:last-child i{color:#8f0008;}

.flexbanner .service-nav.my-nav li:first-child i{color:#0096e0;}
.flexbanner .service-nav.my-nav li:last-child i{color:#0096e0;}

.flexbanner .service-nav li .img{box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); border-radius:5px;}
.flexbanner .service-nav li .img:hover{box-shadow: 0 0 8px 0 rgba(255,255,255,0.2); border-radius:5px;}
/*******************favlist*******************/ 
.flexbanner .service .wrapper.recomd{width:1340px; margin:auto; box-sizing:border-box; padding:4px 20px 0 20px; background: url("../img/bg-nav2.png") no-repeat right top; height:160px; }
.flexbanner .service .wrapper.recomd ul{ margin-top:15px; flex-wrap: wrap;justify-content: flex-start; }
.flexbanner .service .wrapper.recomd ul li{ width:130px; flex:none; }
.flexbanner .service .wrapper.recomd ul li h3{ margin:5px 5px; line-height:20px;}

/*******************myservice*******************/
.flexbanner .myservice{position:absolute;top:80px;left:0;right:0;width:100%;height:485px; z-index:5; overflow:hidden;}
.flexbanner .myservice .container{margin:auto;width:1300px;display:flex; }
.flexbanner .myservice .ms-left{flex:1;  height:490px;background:rgba(255,255,255,1);}
.flexbanner .myservice .ms-right{width:400px; margin-right:11px;background:rgba(255,255,255,0.95); height:490px;}
.flexbanner .myservice dl{ padding:15px 20px}
.flexbanner .myservice dt{font-size:16px;font-weight:600;line-height:30px;}
.flexbanner .myservice dt ul{}
.flexbanner .myservice dt ul li{display:inline-block; padding:5px 0; margin-right:15px;  position:relative; }
.flexbanner .myservice dt ul li.active{color:#000; }
.flexbanner .myservice dt ul li:hover:after,
.flexbanner .myservice dt ul li.active:after { position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;content: "";background-color: #005097;} 
.flexbanner .myservice dt ul li em{position:absolute; top:-2px;right:-12px; border-radius:15px; padding:0 3px; line-height:normal; min-width:10px; text-align: center;background-color:#ec6c1f;color:#fff;background-color:#ff2323;font-size:14px; font-weight:normal;}

.flexbanner .myservice dt ul li a{color:#aaa; text-decoration:none;}
.flexbanner .myservice dt ul li:hover a,
.flexbanner .myservice dt ul li.active a{color:#222;}
.flexbanner .myservice dd{ padding:10px 8px}

.flexbanner .myservice dd ul.work {padding:0px 0 0; }
.flexbanner .myservice dd ul.work li{ float:none; clear:both; height:24px; line-height:24px;  position:relative;background: url(../images/main/order-icons.png) no-repeat -60px -64px; padding-left:18px; margin:10px 0; font-size:15px;}
.flexbanner .myservice dd ul.work li.new1{ background: url(../images/main/order-icons.png) no-repeat -43px -64px;}
.flexbanner .myservice dd ul.work li:hover{}

.flexbanner .myservice dd ul.work li a{ color:#000;font-size:15px; background:#fff; display:block; cursor:pointer}
.flexbanner .myservice dd ul.work li a:hover{ text-decoration:none;border-bottom:0px solid #2163ad; background-color:#fcfcfc;color: #2163ad} 
.flexbanner .myservice dd ul.work li a:hover span{ text-decoration:none; color: #2163ad} 
.flexbanner .myservice dd ul.work li span{ display:block; line-height:24px;}
.flexbanner .myservice dd ul.work li span.title{  margin-right:80px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.flexbanner .myservice dd ul.work li.new1 span{ font-weight:bold}
.flexbanner .myservice dd ul.work li span.flow{ display:inline; font-weight:normal; margin-left:5px; color:#999;}
.flexbanner .myservice dd ul.work li span.date{ position:absolute; right:0; top:0; text-align:right;color:#444}
.flexbanner .myservice dd ul.work li span.hotTrue{ color:#f00}
.flexbanner .myservice dd div.none{ line-height:200px; color:#ccc; text-align:center}
.flexbanner .myservice dd div.loading{ width:100%; line-height:200px; color:#aaa; text-align:center; position:absolute; left:0; top:0}

/*******************slider*******************/
.slider{ width:100%;  min-width:1240px;  height:420px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
.slider .bd{ width:1240px; position:absolute; left:50%; margin-left:-620px  }
.slider .bd li{ width:1240px;  overflow:hidden; }
.slider .bd li img{ display:block; width:1240px; height:420px;    }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1240px !important;}

.slider .hd{ position:absolute; width:100%; left:0;  z-index:2; height:10px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; 	margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6; background-color:#fff;  }
.slider .hd li.on{ background-position:0 0;  width:10px;filter:alpha(opacity=100);opacity:1;  }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:420px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-620px;  }
.slider .next{ left:50%;  margin-left:620px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:420px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.slider .pnBtn .arrow{ display2:none;   position:absolute; top:0; z-index:1; width:80px; height:420px;  }
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ margin-right:-100px; right:0; background:url(../img/slider-arrow.png) -120px 0 no-repeat;  background:url(../img/banner-left.png) center center no-repeat;  }
.slider .next .arrow{ margin-left:-100px; left:0; background:url(../img/slider-arrow.png) 0 0 no-repeat;  background:url(../img/banner-right.png) center center no-repeat;  }


/*recomd*/
.wrapper.recomd{padding:0 0 20px; }
.wrapper.recomd .retitle{padding:10px 0; height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.recomd .retitle h2{ font-weight:500; font-size:22px;letter-spacing: 1px;display:inline-block; margin-right:20px;color:#999; }
.wrapper.recomd .retitle h2.active{ color:#000; }
.wrapper.recomd .retitle h4{ font-size:16px; color:#aaa;  }
.wrapper .retitle h2:after { position: absolute;left: 0;bottom: 0;width: 88px;height: 3px;content: "";background-color: #005097;} 
.wrapper .retitle .more{ position:absolute; right:10px; top:20px;}
 
.wrapper.recomd ul{display: flex; margin-top:30px; height:108px;  flex-wrap: wrap;justify-content: space-between; position:relative;}
.wrapper.recomd ul li {position: relative; text-align:left;background: #fff;padding: 0 0px;border: 0 solid #ddd; width:auto; text-align:center; height:auto;  margin:0;  flex:1;  }
.wrapper.recomd ul{ justify-content: flex-start; }
.wrapper.recomd ul li{ width:130px; flex:none; }
.wrapper.recomd ul li:hover{box-shadow:none;transition: all 0.2s;} 
.wrapper.recomd ul li img{position: relative; top: 0; width:40px; height:40px;  vertical-align: middle;}
.wrapper.recomd ul li a{display: block; text-decoration:none;}
.wrapper.recomd ul li h3 {color:#000; font-size: 16px;font-weight: 200;display:block;margin:10px 5px;position: relative;line-height:22px;white-space:normal;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.wrapper.recomd ul li a:hover h3{color:#006fe0}
.wrapper.recomd ul li span {margin-left: 75px;color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}
 
.wrapper.recomd .remore{ padding:20px; text-align:center; display:none;}
.wrapper.recomd .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/*stype*/
.wrapper.stype{padding:20px 0;}
.wrapper.stype .retitle{padding:10px 0; height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.stype .retitle h2{ font-weight:500; font-size:22px;letter-spacing: 1px;}
.wrapper.stype .retitle h4{ font-size:16px; color:#aaa;  }
 
.wrapper.stype ul{display: grid; margin-top:20px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px; height:280px;}
.wrapper.stype ul li {width:auto;position: relative; text-align:left;height: 120px; padding:0; overflow: hidden; margin-bottom:20px; background:none;border:0; text-align:center; box-sizing:border-box;margin-right: 20px; }
.wrapper.stype ul li:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;}
.wrapper.stype ul li:nth-child(5),.wrapper.stype ul li:nth-child(10),.wrapper.stype ul li:nth-child(12){margin-right: 20px;}
.wrapper.stype ul li:nth-child(6),.wrapper.stype ul li:nth-child(12),.wrapper.stype ul li:nth-child(18){margin-right: 0;}
.wrapper.stype ul li img{ width:48px; height:48px;vertical-align: middle;}
.wrapper.stype ul li a{display: block; text-decoration:none;border: 1px solid #eee;height: 120px;background: #fff;padding:20px 20px 20px; overflow:hidden; box-sizing:border-box; }
.wrapper.stype ul li h3 {color: #222;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.stype ul li a:hover h3{color:#006fe0}
.wrapper.stype ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}
 
.wrapper.stype .remore{ padding:10px 20px 15px; text-align:center; display:none;}
.wrapper.stype .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/*sdept*/
.wrapper.sdept{padding:10px 0;}
.wrapper.sdept .retitle{padding:10px 0;  height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.sdept .retitle h2{ font-weight:bold; font-size:30px;letter-spacing: 3px;}
.wrapper.sdept .retitle h2{ font-weight:500; font-size:22px;letter-spacing: 1px; display:inline-block;}
.wrapper.sdept .retitle h4{ font-size:16px; color:#aaa;color: #888; display:inline-block; margin-left:10px;  }
 
 
.wrapper.sdept ul{display: grid; margin-top:20px;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(4, 24%);grid-template-columns: repeat(5, 19%);grid-gap: 0px;  height:260px; }
.wrapper.sdept ul li {width:auto;position: relative; text-align:left;height: auto; padding:0; overflow: hidden; margin:0; margin-bottom:20px;margin-bottom:0; background:none;border:0; text-align:center; box-sizing:border-box; } 
.wrapper.sdept ul li:hover{box-shadow: none;}
/*.wrapper.sdept ul li:nth-child(4),.wrapper.sdept ul li:nth-child(8),.wrapper.sdept ul li:nth-child(12){margin-right: 0;}*/ 
.wrapper.sdept ul li:nth-child(5),.wrapper.sdept ul li:nth-child(10),.wrapper.sdept ul li:nth-child(15),.wrapper.sdept ul li:nth-child(20){margin-right: 0;} 
.wrapper.sdept ul li a{display: block; text-decoration:none;border: 1px solid #ededed;padding:10px 20px 6px;padding:10px 10px ; } 
.wrapper.sdept ul li:hover a{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;}
.wrapper.sdept ul li h3 {color: #000;font-size: 18px;font-size: 16px;font-weight: 500;margin: 0;position: relative;line-height:30px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.sdept ul li a:hover h3{color:#006fe0}
.wrapper.sdept ul li span {color: #999;color: #266aa9;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;font-size: 14px;display: block;}

 
.wrapper.sdept .remore{ padding:10px; text-align:center; display:none;}
.wrapper.sdept .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;color: #fff;font-size: 14px;cursor: pointer;text-align: center;}

/*system*/ 
.wrapper.system{padding:20px 0;}
.wrapper.system .retitle{padding:10px 0; height:36px; line-height:36px; text-align:left;position:relative;}
.wrapper.system .retitle h2{ font-weight:500; font-size:22px;letter-spacing: 1px;}
.wrapper.system .retitle h4{ font-size:16px; color:#aaa;  }
 
.wrapper.system ul{display: grid; margin-top:20px; /*height:280px;*/  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px;}
.wrapper.system ul li {width:auto;position: relative; text-align:left;height: 120px; padding:0; overflow: hidden; margin-bottom:20px;margin-right:20px; background:none;border:0; text-align:center; box-sizing:border-box; }
.wrapper.system ul li:hover{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;} 
.wrapper.system ul li:nth-child(6),.wrapper.system ul li:nth-child(12),.wrapper.system ul li:nth-child(18){margin-right: 0;}
.wrapper.system ul li img{ width:48px; height:48px;vertical-align: middle; border-radius:5px;}
.wrapper.system ul li a{display: block; text-decoration:none;border: 1px solid #eee;height: 120px;background: #fff;padding:20px 20px 20px; overflow:hidden; box-sizing:border-box; }
.wrapper.system ul li h3 {color: #222;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}
.wrapper.system ul li a:hover h3{color:#006fe0}
.wrapper.system ul li span {color: #999;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;display: none;}

.wrapper.system .remore{ padding:10px 20px 15px; text-align:center; display:none;}
.wrapper.system .remore a {display: block;margin: 0 auto;width: 120px;height: 34px;line-height: 34px;background: #25598b; border-radius: 5px;    color: #fff;    font-size: 14px;    cursor: pointer;text-align: center;}

/* stat */
.main .container.bg-blue{background: #25598b;} 
.wrapper.stat{padding:20px 0;color: #fff;}
.wrapper.stat ul{display: grid; margin-top:0;  flex-wrap: wrap;justify-content: space-between;grid-template-columns: repeat(6, 16.66%);grid-gap: 0px;}
.wrapper.stat ul li {width:auto;position: relative; text-align:left;padding:0; overflow: hidden;background:none;border:0; text-align:center; box-sizing:border-box;margin-right:20px; } 
.wrapper.stat ul li:nth-child(6),.wrapper.system ul li:nth-child(12),.wrapper.system ul li:nth-child(18){margin-right: 0;}

.wrapper.stat ul li h3 {color: #fff;font-size: 18px;font-weight: 500;margin: 0;position: relative;line-height:50px;overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;} 
.wrapper.stat ul li span {overflow: hidden;text-overflow: ellipsis;   white-space: nowrap;}

/* right side list */
.side-list { right:15px;}
.link-floatnav-top,
.side-list .side-item .img,
.side-list .side-item .ifont,.side-list .side-item .af{background-color: #0096e0;}
.side-list .side-item .img{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.2s;} 

.footer{ height:180px;}
.footer .container{width:1300px;}
.footer table{min-width:1300px;}