@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size: 44px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 60px;position: relative; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 30px;padding-bottom:10px; }

.banner{max-height: 748px;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .slick-prev {left: 5%; display: none; background:url(images/lefts.png) no-repeat center center;}
.banner .slick-next {right: 5%; display: none;background:url(images/rights.png) no-repeat center center;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 3%;width: 300px;text-align: center;margin-left: -150px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background: #cbc4b7;width: 10px;height: 10px;color: #cbc4b7; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background:#054a96;} 


div.g-swiper{ 
  background: #f8f8f8 !important;
  box-sizing: border-box;
  padding: 60px 10%;
  height: auto;
  overflow: hidden;
  font-family: "Microsoft YaHei";
}
.pro-swiper{width:100%}
.swiper-c { padding: 0 0 20px; }
.swiper-c .titlename1 { text-align: center; max-width: 1010px; margin: 0 auto; padding: 20px 0 12px; text-align: center; position: relative; border-bottom: 1px solid #e5e5e5; font-size: 18px; font-weight: bold; margin-bottom: 25px; }
.swiper-c .titlename1::after { content: ""; display: block; width: 48px; height: 5px; background-color: #006db8; position: absolute; left: 50%; margin-left: -24px; bottom: -1px; }
.swiper-c .morebtn1 { display: block; width: 100px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #a0a0a0; margin: 20px auto 0; color: #666; overflow: hidden; }
.swiper-c .morebtn1 span { padding-right: 16px; background: url(../images/icon_04.png) no-repeat right center; }
.swiper-c .morebtn1:hover { color: #fff; background-color: #006db8; border-color: #006db8; }
.swiper-c-box { position: relative; }
.swiper-c-box ul li { background-color: #f8f8f8; text-align: center; position: relative; }
.swiper-c-box ul li a { display: block; margin: 33px 10px 0px; padding-bottom:20px;
  position: relative; background: #fff;}
.swiper-c-box ul li .imgbox { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }
.swiper-c-box ul li .imgbox img { display: block; width: 100%;    border-radius: 2px; }
.swiper-c-box ul li .name { line-height: 28px; height: 28px; overflow: hidden; font-size: 16px; color: #666; }
.swiper-c-box ul li .text { line-height: 22px; height: 22px; overflow: hidden; font-size: 14px; color: #666; }
.swiper-c-box ul li .icon { display: none; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0px; background: rgba(0, 109, 184, 0.7); overflow: hidden; }
.swiper-c-box ul li .icon img { display: block; width: 66px; height: 66px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.swiper-c-box ul li .text2 span { position: absolute; top: 50%; left: 50%; max-width: 95%; max-height: 95%; display: inline-block; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 13px; color: #fff; }
.swiper-c-box .swiper-button-prev, .swiper-c-box .swiper-button-next { 
  display: block; width: 36px; height: 36px; background: #dcdcdc no-repeat center center; background-repeat: no-repeat; 
  position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); 
  -webkit-transform: translateY(-50%); 
  z-index: 9; 
  margin-top: 0; 
  background-color: transparent;
}
.swiper-c-box .swiper-button-prev { left: 20px; }
.swiper-c-box .swiper-button-next { right: 20px;  }
.g-swiper .morebtn1 {
  font-size: 16px;
  width: 135px;
  height: 40px;
  line-height: 38px;
  margin: 20px auto 0;
  margin-top: 38px;
  display: block;
  text-align: center;
  border: 1px solid #a0a0a0;
  color: #666;
  overflow: hidden;
}
.g-swiper .morebtn1:hover{
  background-color: #006db8;
  color:#fff;
}
.swiper-c-box ul li:hover{color:#006db8}
.swiper-c-box ul li:hover .icon {
  display: inline-flex; 
  box-sizing: border-box; 
  margin-bottom:0px;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.swiper-c-box ul li:hover .text{color:#006db8}

@media (min-width: 1200px) { .visible-lg { display: block; }
  .hidden-lg { display: none; } }

/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: March 10, 2017 */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next 
{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url(../images/carousel-left.png); }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url(../images/carousel-left.png);}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url(../images/carousel-right.png); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url(../images/carousel-right.png); }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }
.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }
.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }
.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; }
.swiper-container-cube, .swiper-container-flip { overflow: visible; }
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.sou{ position:absolute; top:54px; right:110px; z-index:8; height:40px;cursor: pointer;}
.sou h3{ width:28px; height:28px;padding:5px;}
.sou1{ width:310px; display:none; margin:0px 0 0 -274px;}
.sou1 .ip01{width:240px; height:48px;background:#fff; padding-left:10px;outline:none; border:1px solid #f5f5f5;color:#666; font:14px "Microsoft YaHei"; line-height:50px; overflow:hidden; border-radius:25px 0 0 25px;}
.sou1 .ip02{width:58px;height:50px; background:#f5f5f5 url(images/sec.png) no-repeat center center;border:0; outline:none;border-radius:0 25px 25px 0; cursor: pointer;}
@media screen and (max-width:1300px) {
.sou{display: none;}            
}

/**/
.g-guide{ background: url(../images/guidebg.jpg) no-repeat center top; height:657px; padding-top:78px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;height:380px;}
.guide dt{width:608px;height:309px;float: right;}
.guide dt img{width:100%;display: block;}
.guide dd{width:522px;float: left;padding-top:39px;background:url(../images/guide-ico1.png) no-repeat left top;}
.guide dd h3{font-size: 30px; color: #002c74; text-align: left;height: 100px;padding-top:30px;border-top:1px solid #c0c0c0; }
.guide dd em{display: block;font-size: 18px;color: #0f0f0f; }
.guide dd p{font-size: 14px; color: #666666; line-height:26px;text-align: justify;height:115px;}
.guide dd .guide-btn{font-size: 16px;color: #0f0f0f;text-align: left;display: block; font-weight: bold;}

.digital{width:1200px; height:120px;position: relative; clear:both;overflow: hidden; margin:0 auto;border-bottom: 1px solid #dcdcdc;}
.digital li{height:120px; margin-right:143px;box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.digital li em{margin-left:0px;display: block; position: relative;width:108px;color: #2e343e;}
.digital li em b{ margin-left:0px;font-size: 60px; color: #333333; font-family: "Myriad Pro","Arial"; font-weight: bold;}
.digital li em i{ font-size:18px;  color: #fff;text-align: center; font-weight: normal; text-align: center;width:26px; line-height: 26px;height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:10px; right:0px;background: #666666; display: block;border-radius: 100%;}
.digital li h4{font-size: 16px; color: #666666; text-align: left; font-weight: normal;line-height: 30px; }
.digital li:last-child{margin-right:0px;}
.digital li:nth-child(1) em{width:150px;}
.digital li:nth-child(2) em{width:85px;}
.digital li:nth-child(3) em{width:142px;}
.digital li:nth-child(4) em{width:152px;}
.digital li:nth-child(5) em{width:85px;}
.digital li:hover{border-bottom: 2px solid #002c74; color: #002c74;}
.digital li:hover h4,.digital li:hover em b{color: #002c74;}
.digital li:hover em i{background:#002c74;color: #fff;}


/**/
.g-products{height: auto;overflow: hidden; background:#dfdede;padding:60px 0 60px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01 p{background:url(../images/protit.png) no-repeat center bottom;}
.products{width:1200px;margin:0 auto;}
.pro-nav{margin-bottom: 20px;}
.pro-nav dl{padding:0;clear: both;overflow: hidden;margin-bottom: 8px;}
.pro-nav dd{box-sizing: border-box;display: inline-block;text-align:center;box-shadow: 0 0 5px #e3e3e3;padding:0 25px;width:100%;}
.pro-nav dd a{border-radius: 20px; height:41px;line-height: 41px;font-size: 16px;color: #333; font-weight: normal; display:inline-block;padding:0px 30px 0px 30px; margin:0px 5px;background:#054a96;color:#fff;}
.pro-nav dd a:hover{font-weight: bold;}
.pro-nav dd a.clm-more{float: right;padding: 0;}

.pro{max-height:713px;}
.pro img{width: 100%;display: block;}
.pro-left{width:49.895%;box-sizing: border-box; float: left;}
.pro-right{width: 50%;float: left; font-size: 16px;}
.pro-right ul{clear: both;overflow: hidden;}
.pro-right li{margin-left:2.3%;width:47.7%; float: left;margin-bottom: 1.25vw;position: relative;max-height: 343px;background:#fff;}
.pro-right li em{width:79.2%;max-height: 270px;margin:0 auto;display: block;overflow: hidden;}
.pro-right li h4{width:100%;height:3.645vw;line-height: 3.645vw;padding:0 30px;  font-size: 1em;  font-weight: normal;box-sizing: border-box;border-top:1px solid #e5e5e5;}
.pro-right li h4 i{ display: block;float: right;height:3.645vw;width:25px; background:url(../images/proico1.png) no-repeat right center;}
.pro-right li:hover h4{color:#002c74;}

/**/
.g-speed{height: 298px;overflow: hidden; background:url(../images/speedbg.jpg) no-repeat;padding:80px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.speed{width: 1200px;margin:0 auto;clear: both;overflow: hidden; }
.speed dl{min-height:108px;}
.speed dt{width: 156px; float: left;line-height: 35px;min-height: 35px;font-size: 16px;color:#fff;font-weight: bold;}
.speed dd{width:1044px; float: left;}
.speed dd a{padding-right: 48px;display: block;float: left; line-height: 35px;font-size: 16px;color:rgba(255, 255, 255, 0.7);}
.search{ width:565px; height:51px; margin:0 auto;}
.search .ipt01{width:438px; height:51px;background:#fff; padding-left:22px;outline:none;box-sizing: border-box; border:0;color:#404040; font:15px "Microsoft YaHei"; line-height:51px; overflow:hidden;float: left;}
.search .ipt02{width:127px;height:51px; line-height: 51px; background:url(../images/ss.jpg) no-repeat;border:0; outline:none;cursor: pointer;font-size: 0;display: block;float: left;}

.proj-bd dl{position: relative;height: 672px;}
.proj-bd dt{width:1920px;margin-left: -960px;position: absolute;left:50%;top:0;}
.proj-bd dd{position: absolute;right:-360px;top:85px;background: rgba(255,255,255,.95);width:960px;height: 510px;padding-left: 52px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.proj-bd h3{position: relative;}
.proj-bd h3 a{display: block;padding: 48px 0 0 0;position: relative;font-size: 30px;color: #222222;font-weight: normal;margin-bottom: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:535px;}
.proj-bd h3:before{content: "";position: absolute;width:88px;height: 3px;background: #013686;left:-102px;top:68px;}
.proj-bd .desc{width:535px;padding-bottom: 5px;}
.proj-bd p{font-size: 15px;line-height: 30px;color: #666666;width:547px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.proj-bd p strong{color: #333;font-weight: bold;margin-right: 5px; }
.proj-bd h4{height: 34px;line-height: 34px;padding-left: 20px;font-size: 18px;color: #222;position: relative;margin-bottom:10px;}
.proj-bd h4:before{content: "";position: absolute;width:5px;height: 5px;background: #616161;border-radius: 50%;left:8px;top:15px;}
.proj-bd ul{margin-left: 10px;}
.proj-bd li{float: left;width:250px;overflow: hidden;margin-right: 30px;}
.proj-bd li img{width:248px;height: 132px;display: block;border:1px solid #e2e2e2;}
.proj-bd li:nth-child(2){margin-right: 0;}
.proj-bd li em{display: block;width:250px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #222}


/**/
.g-cases{ height:905px; background:url(images/pr.png) no-repeat;background-size: 100%; padding:60px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:100px; }
.case-container{position: relative;margin:0 auto;}
.case-nav{width:80%;margin:0 auto;height: 75px;}
.case-nav li{ height: 41px;line-height: 41px; box-sizing: border-box; font-size:17px; color: rgba(51, 51, 51, 0.88);text-align: center;position: relative; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;float: left;width:120px; padding: 0px 10px;margin-right:60px;border-radius:4px;border: 1px #e5e0e0 solid;}
.case-nav li a{color: rgba(51, 51, 51, 0.88); text-decoration: none; }
.case-nav li.cur,.case-nav li:hover{background: #054a96;color:#fff;}
.case-nav li.cur a,.case-nav li:hover a{color:#fff; }
.case-nav span{ height: 41px;line-height: 41px; box-sizing: border-box; font-size:17px; color: rgba(51, 51, 51, 0.88);text-align: center;position: relative; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;float: left;width:auto;padding: 0px 10px;border-radius: 4px;}
.case-nav span a{color: rgba(51, 51, 51, 0.88); text-decoration: none; }
.case-nav span.cur,.case-nav span:hover{background: #054a96;color:#fff;}
.case-nav span.cur a,.case-nav span:hover a{color:#fff; }


.carousel-container{width:100%;margin:0 auto;}
.carousel {height:575px;position:relative;}
.carousel-image {border:0;display:block; position: relative;width: 100%;}
.carousel-feature {position:absolute;border:0px solid #5d5d5d;cursor:pointer;box-shadow: 0 0 20px #c0c0c0;width: 100%;height:575px;overflow:hidden;}
.carousel-caption {   position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 88px;
  z-index: 5;
  padding: 0px 12px 0;
  box-sizing: border-box;
  background: rgba(51, 51, 51, 0.8);
  color: #fff;}
.carousel-caption .case-hz{width:121px;height:121px;display: block;border-radius: 100%;box-shadow:0 0 5px #000;float: left;}
.carousel-caption .case-hz img{width:100%;border-radius:100%;display:block;}
.carousel-caption .case-desc{display: block;float: left;margin: 0px 38px;}
.carousel-caption .case-desc h4{font-size: 18px; color: #ffffff;font-weight: bold;line-height: 24px;
  margin-top: 20px;}
.carousel-caption .case-desc p{font-size: 15px;line-height: 26px;color: rgba(255, 255, 255, 0.89);}

.carousel-feature .carousel-caption span { margin:0;font-size:14px;color:#fff; float: right; text-align: right;padding-right: 25px;}
@media screen and (max-width: 1400px)
.case-container .case-container .case-container{
    width:100%
}
.tracker-summation-container {position:absolute;color:white;right:48px;top:230px;padding:3px;margin:3px;background-color:#000;}
.tracker-individual-container { position:absolute;color:white;left:50%;top:420px; padding:0; margin:0 0 0 -39px;}
.tracker-individual-container li {list-style:none; }
.tracker-individual-container .tracker-individual-blip {margin:0 7px;text-align:center;width: 12px;height: 12px;border-radius: 100%;font-size: 0;background: #8b8f94;}
.tracker-individual-container .tracker-individual-blip-selected {color:white; font-weight:bold;background-color:#00418a;}

.carousel-left {position:absolute;top:50%;margin-top: -35px; left:205px;cursor:pointer; background:url(../images/carousel-left.png) no-repeat;width:40px;height:70px;z-index: 5;}
.carousel-right {position:absolute;top:50%;margin-top: -35px;right:205px; cursor:pointer;background:url(../images/carousel-right.png) no-repeat;width:40px;height:70px;z-index: 5;}
.tracker-summation-container{display: none;}

/**/
/*.g-project{height: 820px; box-sizing: border-box; font-family: "Microsoft YaHei";}*/

.index-set2 {padding: 96px 0;box-shadow:0 0 25px #ccc;}
.w1400 {width:80%;margin: 0 auto;}
.index-set2-views {display: flex;justify-content: space-between;}
.index-set2-views .test span {font-size: 22px;}
.index-set2-views .test h6 {font-size: 40px;color: #181818;padding: 12px 0 35px;font-weight: bold;}
.index-set2-views .test .cont {color: #666;font-size: 16px;width: 530px;line-height: 1.5;}
.index-set2-views .test a {width: 180px;line-height: 58px;display: block;text-align: center;color: #fff;background: #054a96;margin-top: 40px;transition: all .5s;}
.index-set2-views .test a::after {width: 9px;height: 14px;content: '';display: inline-block;vertical-align: middle;background: url(../images/ico-views.png) no-repeat center;margin-left: 20px;}
.index-set2-views ul {display: flex;padding-top: 26px;}
.index-set2-views ul li {margin-left: 100px;text-align: center;}
.index-set2-views ul li span {font-size: 60px;color: #054a96;font-weight: bold;white-space: nowrap;}
.index-set2-views ul li em {list-style: none;font-style: normal;}
.index-set2-views ul li p {margin-top: 18px;white-space: nowrap;}
@media screen and (max-width: 1250px){
  .index-set2-views {
    display: block;
  }
}
@media screen and (max-width: 1660px)
.index-set2 {
    padding: 68px 0;
}
@media screen and (max-width: 1660px)
.index-set2-views .test a {
    margin-top: 20px;
}
@media screen and (max-width: 1660px)
.index-moren-a, .index-set2-views .test a {
    width: 168px;
    line-height: 48px;
}
@media screen and (max-width: 1250px){
  .index-set2-views ul li {
      margin-left: 50px;
  }
}
@media screen and (max-width: 1660px){
  .index-set2-views ul li span {
      font-size: 48px;
  }
}
@media screen and (max-width: 1400px){
  .index-set2-views ul li p {
      margin-top: 10px;
      font-size: 12px;
  }
}
/*合作伙伴*/
.g-partner{  background:#f5f5f5; padding:60px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-partner .tit01{height:130px; }
.partner-container{width: 100%;margin:0 auto; max-width:1320px}
.partner-container ul{width: 100%; overflow:hidden;padding-bottom:30px;margin:0px auto;}
.partner-container li{width:20%;height:250px; float: left;position: relative;cursor:pointer;font-size: 16px;text-align: center; box-sizing:border-box;overflow: hidden;}
.partner-container li img{display: block;
    width: 90%;
    height: 90%;
    margin: 0px auto;
    border-radius: 50%;}

/**/
.g-super{ height: auto;overflow: hidden;background:#fff;padding-top:70px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-super .tit01{height:150px;}
.g-super .tit01 p{background:url(../images/supertit.png) no-repeat center bottom;}
.super{min-width: 1200px; width: 100%;height: 762px;overflow: hidden;}
.super ul{width: 100%;height: 762px;}
.super li{width:15.52%;float: left;position: relative;cursor:pointer;height: 762px;line-height:30px;font-size: 16px; box-sizing:border-box;overflow: hidden;}
.super li:last-child{border: 0;}
.super li img{display: block;}

.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0, 0, 0, 0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.shu2{width: 100%;  position: absolute;left:0rem;top:30%;text-align: center;}
.shu2 h3{width:72px; line-height: 45px;margin:0 auto;}
.shu2 h3 img{width:72px;height:82px;margin:0 auto;display: block;}
.shu2 h3 em{width:72px;text-align: center;color: #fff;font-size: 39px; font-weight: normal;}
.bock{position: absolute;left: 0; bottom:-184px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; background-size: 100% 100%;opacity: 0;}
.bock dl{width:100%;padding:40px 92px 0; height:228px;box-sizing: border-box;position: absolute;left:0; bottom:0;background:#003282;}
.bock dl dt{width:100%;margin-bottom: 1vw;clear: both;overflow: hidden;}
.bock dl dt h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:24px; color: #ffffff;display: block;line-height: normal; font-weight: normal;}
.bock dl dt h3 b{font-size: 39px;font-weight: bold;margin-right: 15px;}
.bock dl dd{width: 100%;font-size: 16px; line-height: 24px;color:rgba(255, 255, 255, 0.7);overflow: hidden;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;  overflow: hidden; text-overflow: ellipsis;text-align: justify;}

.super li.cur{width:53.44%;}
.super li.cur .mo{opacity: 0;}
.super li.cur .shu2{opacity: 0;}
.super li.cur .bock{opacity: 1;bottom: 0;}
@media screen and (max-width:1600px) {
  .bock dl{padding:20px 52px 0;}
  .bock dl dt h3 b{ font-size:32px; }
}
@media screen and (max-width:1720px) {
  .bock dl{padding:30px 72px 0;}
  .bock dl dt h3 b{ font-size:36px; }
}

/**/
.g-xban{ max-height: 338px;margin-top:80px;overflow: hidden;width:100%;position: relative;}
.g-xban img{width: 100%;display: block;}
.xban{width:600px;position: absolute;left:50%;top:92px;}
.xban h3{ font-size: 40px;color: #063591; font-weight: normal;margin-bottom: 25px;}
.xban h3 b{font-weight: bold;}
.xban h3 em{display: block;font-size: 22px;font-weight: normal;color: #333333;}
.xban a{display: inline-block;width:176px;height:50px;line-height: 50px;text-align: center;background:url(../images/xban-btn.gif) no-repeat;color: #fff;font-size: 18px;}
.xban .xban-btn1{margin-right: 8px;}

@media screen and (max-width:1720px) {
  .xban{top:65px;}

  }
@media screen and (max-width:1600px) {
  .xban{top:50px;}
  .xban h3{ font-size: 34px;margin-bottom: 15px;}
  .xban h3 em{font-size: 18px;}
}


/* 新闻 */
.g-news{overflow:hidden;margin-bottom:60px; padding-top:60px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:130px;}
.g-news .tit01 p{background:url(../images/newstit.png) no-repeat center bottom;}
.news-container{width:1320px;margin:0 auto;}
.news-container h3{margin-bottom: 20px;height:40px;line-height: 40px;}
.news-container h3 a{display: block;font-size: 18px;font-weight: normal;color: #192336;padding-left:36px;}
.news-container h3 i{display: block; font-size: 12px;color: #192336; float:right;text-transform: uppercase;}
.news-container .newstit1{background: url(../images/newstit1.png) no-repeat left center;}
.news-container .newstit2{background: url(../images/newstit2.png) no-repeat left center;}

.news1{width:705px;float: left;}
.newcon{width:705px;height:572px; position: relative;overflow: hidden;padding:18px 26px;border:1px solid #e0e0e0;box-sizing: border-box;}
.newcon dl{width:600px; overflow: hidden; height:410px;}
.newcon dt{ width:600px;height:278px; position: relative; overflow: hidden;}
.newcon dt img{width:600px;height:278px; display: block;}
.newcon dd{width:550px; overflow: hidden;box-sizing: border-box;padding-top:32px;}
.newcon dd em{ display: block; float: left;margin-right: 15px; height:28px;line-height: 26px;width: 58px; text-align: center; font-size: 16px;color: #054a96; display:block; font-weight: normal; border:1px solid #054a96;  }
.newcon dd h4{font-size: 18px; font-weight: bold;margin: 0 0 10px; height: 30px; line-height: 30px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.newcon dd h4 a{ color:#333333;}
.newcon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.newcon dd p a{ color: #054a96; }
.newcon ul{clear: both; overflow: hidden;padding:20px 0 0;}
.newcon li.newcon-first{height: 410px;}
.newcon li{line-height: 30px; height: 30px; display: block;  padding-left: 28px; background: url(../images/newsico1.png) no-repeat left center; box-sizing: border-box;width:600px}
.newcon li a{ float:left;font-size: 14px;color:#666666;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.newcon li span{ float: right; height: 30px;display:block;  line-height: 30px;font-size: 15px; color: #666666;font-weight: normal; }



.news2{width: 560px;float: right;}
.qscon{height: 572px;overflow: hidden;;}
.qscon dl{width:560px; overflow: hidden; height:166px;border:1px solid #e0e0e0;box-sizing: border-box;padding:17px 25px 17px 0;margin-bottom: 15px;}
.qscon dt{padding-top:20px;box-sizing: border-box; width:115px;height:96px; position: relative; overflow: hidden;border-right: 1px solid #e0e0e0; font-size:22px;color: #666666; line-height: 30px;text-align: center;float: left;}
.qscon dt i{display: block; font-size:16px;color: #a7a7a7;}
.qscon dd{width:392px;float: right; overflow: hidden;box-sizing: border-box;}
.qscon dd h4{font-size: 16px; font-weight: normal;margin:5px 0; height: 30px; line-height: 30px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.qscon dd h4 a{ color:#000000;}
.qscon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.qscon dl:hover dd h4{ color:#054a96;}

.news1 dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news1 dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


/**/
.g-show{height:auto;position: relative;margin-bottom: 70px;}
.g-show a{text-decoration: none;}
.show-tit{ height: 45px; clear: both;width: 1200px;margin:0 auto 27px;}
.show-tit a{height: 45px; line-height:45px;width: 200px;  text-align: left; font-size: 16px; color: #333333;position: relative; display: block; float: left;font-weight: bold;font-weight: bold;border-radius: 25px;margin-right: 22px;}
.show-tit a em{width:28px;height:26px;display: block;position: relative;overflow: hidden;float: left;margin:8px 10px 0 42px;}
.show-tit a em img{width: 28px;display: block;position: absolute;left:0;top:0; -webkit-transition:all .35s;transition:all .35s;}
.show-tit a:first-child{margin-left:273px;}
.show-tit a:last-child{margin-right: 0;}
.show-tit a.cur em img{ top:-26px;}
.show-tit a.cur{color: #063591; font-weight: bold;}

.show{ height:auto;width: 1200px; position: relative;margin:0 auto; }
.show-left{ font:16px "Microsoft YaHei"; width:24px; height:44px;text-align:center;background:url(../images/show-left.png) no-repeat right center;color:#444; font-weight:bold; position:absolute; top:50%;margin-top:-22px; left:-60px;cursor: pointer;}
.show-right{font:16px "Microsoft YaHei"; width:24px;height:44px;text-align:center;background:url(../images/show-right.png) no-repeat left center; color:#444; font-weight:bold; position:absolute; top:50%;margin-top:-22px;right:-60px;cursor: pointer;}

.show-bd{width:1200px;  overflow: hidden;}
.show li{ width:280px; position:relative;margin-right:31px; float: left; overflow: hidden;height:210px}
.show li img{ display:block;width:280px; }
.show li i{display: block;width:0;height:0;transform: translate(-50%,-50%);position: absolute;left:50%;right:0;top:50%;bottom: 0;background:rgba(6, 53, 145, 0.8); -webkit-transition:all .35s;transition:all .35s;}
.show li h4{font:14px "Microsoft YaHei"; line-height:30px; color:#fff; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;position: absolute;left:0;top:85px;background:url(../images/showico1.png) no-repeat center top;padding-top:22px;opacity: 0;}
.show li a{ text-decoration: none; }

.show li:hover i{width:100%;height:100%;}
.show li:hover h4{opacity: 1;}
.show li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.show li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}


/**/
.g-link{width:100%; min-height:50px;padding-top:30px; overflow: hidden;position: relative;background:#232324; }
.link{ height:auto;width:1200px;margin:0 auto; overflow: hidden;font-family:"Microsoft Yahei";color: rgba(255,255,255,.5);}
.link h2{float: left; font-weight: normal; font-size: 13px;color: #ebeaf9;line-height: 30px;width: 80px;}
.link p{  max-width: 1120px; float: left; font-size: 14px;overflow: hidden; line-height: 30px; color:#ebeaf9;}
.link a{ color: rgba(255,255,255,.5); font-size: 14px; padding-left:30px; text-align: left; line-height: 28px;display: inline-block;}

@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}