@charset "utf-8";
pre{font-family: "microsoft JhengHei"!important;white-space: pre-wrap;word-wrap: break-word;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,small{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font:14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; background: #f5f6fa; overflow-x:hidden!important; color: #333;}
a{font-size:14px;text-decoration:none; transition: all .45s; z-index: 99999; color: #333;}
a:hover, a:active{ color:#e51616;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "microsoft JhengHei";line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{ display: none;}
.box {width:1200px;margin:0 auto;}
.boxs {width:100%;margin:0 auto;}
.bg_1{ background:#F5F6FA}
.bg_2{ background:#1255A4}
.flex_box,.flex{ display: flex; display: -webkit-flex;}
*:before,*:after { z-index: -1;}
@font-face {
  font-family: 'en';  /* project id 574899 */
  src: url("../fonts/Oswald-Medium.ttf");
}
.lf{ float:left;}
.rg{ float:right;}
figure{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; display: block; }
strong { font-weight: bold; }

/* head  */
.header {position:fixed;width:94%;height:85px;top:0;left:0;right:0;padding:0 3%;z-index:999;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);-moz-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2);background: rgba(255,255,255,.9);}
.head-wrap {position:relative;}
.header .head-logo {float:left;margin-top:10px;}
.head-logo .img2 {display:none;}
.head-logo img {display:block;width:100%;}
.header .nav {float:right;margin-left:65px;}
.header .nav ul {text-align:center;line-height:85px;}
.header .yj-bot li {position:relative;display:inline-block;transition:0.45s;z-index:1;}
.header .yj-bot .yj-link:after {content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:4px;transition:0.65s;background:#1254A4;z-index:2;}
.header .yj-bot li.active>a,.header .yj-bot li:hover>a {color:#1254A4;}
.header .yj-bot li.active>a:after,.header .yj-bot li:hover>a:after {position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:4px;}
.yj-bot {float:left;}

.head-search {float:left;width:160px;height:30px;line-height:30px;border:1px solid #B6B4B6;border-radius:20px;margin:26.5px 0 0 39px;}
.search-input {line-height:0 !important;display:inline-block;width:67%;height:25px;margin:0 5% 0 8%;border:none;color:#666;font-size:12px;}
.search-icon {display:inline-block;color:#7B7B7B;font-size:14px;}
.share-icon {display:block;float:left;line-height:85px;color:#7B7B7B;font-size:18px;margin-left:18px;}

.head_search{width: 200px;height:32px; background: url(../images/search_bg.png) no-repeat center;float:left;margin:26.5px 0 0 39px;}
.head_search .keyword{ width:135px; height:18px; line-height:18px; text-indent: 10px; border:0px; color:#989898;float:left; margin-top:7px; margin-left:22px;}
.head_search .sbtn{width:39px;border:0;background:none;height:32px;cursor:pointer; float:left;}

.header .yj-bot .yj-link {position:relative;z-index:1;color:#333;font-size:16px;line-height:1.5;display:block;padding:0 15px 10px 15px;}
.header .yj-bot .yj-link div {float:left;display:block;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;font-size:16px;overflow:hidden;padding:0;}

.header .yj-bot li:hover .ej-list{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.ej-list{position:absolute;left:50%;top:100%;margin-left:-70px;padding:20px 0;background:#fff;width:140px;box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.ej-list a{display:block;position:relative;padding:6px 5px;line-height:1.4;color:#333;text-align:center}
.ej-list a:before{content:"";position:absolute;width:0;left:50%;top:0;bottom:0;background:#1254A4;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.ej-list p{position:relative}
.ej-list a:hover{color:#fff}
.ej-list a:hover:before{width:100%;left:0}
/*m menu*/
.menu-handler {position:fixed;right:0;top:0;width:70px;height:55px;display:none;cursor:pointer;z-index:1010;background-color:#0062A6;}
.menu-handler span {position:relative;display:block;margin:27.5px auto 0;width:22px;height:2px;background-color:#fff;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s;}
.menu-handler span:after,.menu-handler span:before {content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#fff;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menu-handler span:before {top:-7px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform;}
.menu-handler span:after {bottom:-7px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform;}
.menu-handler.active span {background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {background-color:#fff;-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s}
.menu-handler.active span:before {top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-handler.active span:after {bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.menuBox a:link,.menuBox a:visited {color:#333333;}
.menuMoblie .nav-link:active,.menuMoblie .nav-link:hover {background:#0062A6;}
.menuMoblie .nav-link:active i,.menuMoblie .nav-link:hover i {color:#fff;transform:rotate(90deg);}
.menuBox a:active,.menuBox a:hover {color:#fff;}
.menuBox {border-top:1px solid #e4e4e4;background-color:#fff;color:#333333;position:fixed;display:none;right:0px;top:55px;width:100%;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-overflow-scrolling:touch;z-index:1008;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.menuMoblie {padding:0 0 80px 0;}
.menuMoblie .nav-link {position:relative;display:block;font-size:18px;padding:14px 5% 14px 15%;}
.menuMoblie .nav-link i {float:right;color:#b1b1b1;font-size:20px;vertical-align:middle;}
.menuMoblie li {border-bottom:1px solid #e4e4e4;}
.menuMoblie .subnav {padding:12px 0px;display:none;}
.menuMoblie .subnav .item {display:block;padding:0px 5% 0 20%;}
.menuMoblie .subnav .item:active,.menuMoblie .subnav .item:hover {background:#0062A6;}
.menuMoblie .subnav a {position:relative;display:block;padding:14px 0;line-height:1.4;font-size:16px;}
.menuOpen .menuBox {-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}

/*******  home  *********/

/* banner */
.banner-wrap {position: relative;}
.banner {position: relative;overflow: hidden;}
.banner .item {position: relative;overflow: hidden;}
.banner .item .pimg {width: 100%;display: block;}
.icBg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;/*background: url(../images/op1.png) repeat;*/background-color: rgba(0, 0, 0, .4);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.49), rgba(255, 255, 255, 0));}
.ibCont {position: relative;top: 50%;transform: translateY(-50%);width: 90%;margin: 0 auto;text-align: center;color: #fff;}
.ictxt1,.ictxt2,.ictxt3 {transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;visibility: hidden\9;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out;transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: transform 1s, opacity 0.65s cubic-bezier(0.445, 0.145, 0.355, 1);}
.show .ictxt1 {transition-delay: 0.15s;}
.show .ictxt2 {	transition-delay: 0.35s;}
.show .ictxt3 {transition-delay: 0.65s;}
.show .ictxt1,.show .ictxt2,.show .ictxt3 {	opacity: 1;	visibility: visible\9;transform: translateY(0px);-webkit-transform: translateY(0px);}
.ictxt1 {display: block;font-family: "humanst521ltbtlight";	font-weight: lighter;text-transform: uppercase;font-size: 24px;line-height: 1;}
.ictxt2 {display: block;position: relative;font-size: 60px;line-height: 1.5;padding-bottom: 25px;}
.ictxt2:before {content: "";position: absolute;left: 50%;bottom: 0;	margin-left: -22px;width: 44px;height: 6px;background: #fff;}
.ictxt3 {width: 39%;margin: 0 auto;font-family: "humanst521ltbtlight";font-size: 16px;margin-top: 40px;line-height: 1.5;}
.slick-active .pimg {visibility: visible !important;-webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes scaleUpDown {
	from {-webkit-transform: scale(1.08);transform: scale(1.08);}
	to {opacity: 1;	-webkit-transform: scale(1);transform: scale(1);}
}
.banner .slick-dots {position: absolute;top: 50%;right: 3%;transform: translateY(-50%);width: 10px;display: inline-block;*display: inline;*zoom: 1;z-index: 104;}
.banner .slick-dots li {position: relative;	display: inline-block;width: 10px;height: 10px;	text-align: center;	border: 1px solid #fff;	border-radius: 50%;	vertical-align: middle;	cursor: pointer;}
.banner .slick-dots li a {opacity: 0;visibility: hidden;position: relative;display: block;text-align: center;border-radius: 50%;padding: 0px;cursor: pointer;width: 10px;height: 10px;margin: 0px auto;font-size: 14px;}
.banner .slick-dots li a:focus {outline: none;}
.banner .slick-dots li.slick-active {opacity: 1;visibility: visible;background: #fff;}

/* Slider */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;	user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;	-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;overflow: hidden;display: block;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-loading .slick-list {background: #f1f1f1 url(../images/index/loader.gif) center center no-repeat;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;left: 0;top: 0;display: block;zoom: 1;}
.slick-track:before,.slick-track:after {content: "";display: table;}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {float: left;height: 100%;	min-height: 1px;display: none;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {	pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
/* Arrows */
.slick-prev,.slick-next {position: absolute;display: block;	height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;	border: none;outline: none;}
@-webkit-keyframes scaleUpDown {
	from {	-webkit-transform: scale(1.08);	transform: scale(1.08);}
	to {opacity: 1;	-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes scaleUpDown {
	from {-webkit-transform: scale(1.08);transform: scale(1.08);}
	to {opacity: 1;	-webkit-transform: scale(1);transform: scale(1);}
}
/* pswp = photoswipe */
.pswp {display: none;position: absolute;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;-ms-touch-action: none;touch-action: none;z-index: 1500;-webkit-text-size-adjust: 100%;-webkit-backface-visibility: hidden;
	outline: 0;
	* {-webkit-box-sizing: border-box;	box-sizing: border-box;}
	img {max-width: none;}
}
.pswp--animate_opacity {opacity: .001;will-change: opacity;-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);	transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp--open {display: block;}
.pswp--zoom-allowed .pswp__img {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.pswp--zoomed-in .pswp__img {cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}
.pswp--dragging .pswp__img {cursor: -webkit-grabbing;cursor: -moz-grabbing;	cursor: grabbing;}
.pswp__bg {	position: absolute;	left: 0;top: 0;	width: 100%;height: 100%;background: none rgba(0, 0, 0, 0.8);opacity: 0;transform: translateZ(0);-webkit-backface-visibility: hidden;will-change: opacity;}
.pswp__scroll-wrap {position: absolute;left: 0;	top: 0;width: 100%;	height: 100%;overflow: hidden;}
.pswp__container,.pswp__zoom-wrap {	-ms-touch-action: none;	touch-action: none;	position: absolute;	left: 0;right: 0;top: 0;bottom: 0;}
.pswp__container,.pswp__img {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.pswp__zoom-wrap {	position: absolute;	width: 100%;-webkit-transform-origin: left top;	-ms-transform-origin: left top;	transform-origin: left top;-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);	transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp__bg {will-change: opacity;-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp--animated-in {
  .pswp__bg,.pswp__zoom-wrap {-webkit-transition: none;	transition: none;}
}
.pswp__container,.pswp__zoom-wrap {	-webkit-backface-visibility: hidden;}
.pswp__item {position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;}
.pswp__img {position: absolute;	width: auto;height: auto;top: 0;left: 0;}
.pswp__img--placeholder {-webkit-backface-visibility: hidden;}
.pswp__img--placeholder--blank {background: #222;}
.pswp--ie .pswp__img {width: 100% !important;height: auto !important;left: 0;top: 0;}
.pswp__error-msg {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;font-size: 14px;line-height: 16px;margin-top: -8px;color: #CCC;
  a {color: #CCC;text-decoration: underline;}
}
.pswp__button {	width: 44px;height: 44px;position: relative;background: 0 0;cursor: pointer;overflow: visible;-webkit-appearance: none;	display: block;	border: 0;padding: 0;margin: 0;float: right;opacity: .75;-webkit-transition: opacity .2s;transition: opacity .2s;-webkit-box-shadow: none;box-shadow: none;
	&:focus,&:hover {opacity: 1;}
	&:active {outline: 0;opacity: .9;}
	&::-moz-focus-inner {padding: 0;border: 0;}
}
.pswp__ui--over-close .pswp__button--close {opacity: 1;}
.pswp__button {	background: url(../images/default-skin.png) 0 0 no-repeat;background-size: 264px 88px;width: 44px;height: 44px;}
@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx) {
	.pswp--svg .pswp__button {background-image: url(../images/index/default-skin.svg);}
	.pswp__button--close {color: #fff;}
}
.pswp__button--close {background-position: 0 -44px;}
.pswp__button--share {background-position: -44px -44px;}
.pswp__button--fs {	display: none;}
.pswp--supports-fs .pswp__button--fs {display: block;}
.pswp--fs .pswp__button--fs {background-position: -44px 0;}
.pswp__button--zoom {display: none;	background-position: -88px 0;}
.pswp--zoom-allowed .pswp__button--zoom {display: block;}
.pswp--zoomed-in .pswp__button--zoom {background-position: -132px 0;}
.pswp--touch {
	.pswp__button--arrow--left,	.pswp__button--arrow--right {visibility: hidden;}
}
.pswp__button--arrow--left,.pswp__button--arrow--right {top: 50%;width: 48px;height: 48px;line-height: 48px;margin-top: -24px;position: absolute;background: none #767676;color: #fff;display: block;font-family: "iconfont" !important;font-size: 15px;	text-align: center;	font-style: normal;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pswp__button--arrow--left {left: 2%;}
.pswp__button--arrow--right {right: 2%;}
.pswp__button--arrow--left:before {	content: "\e822";}
.pswp__button--arrow--right:before {content: "\e603";}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover {color: #fff;background-color: #1A1A1A;}
.pswp__counter {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;	user-select: none;}
.pswp__share-modal {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;	user-select: none;display: block;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;top: 0;left: 0;padding: 10px;position: absolute;z-index: 1600;	opacity: 0;	-webkit-transition: opacity .25s ease-out;transition: opacity .25s ease-out;-webkit-backface-visibility: hidden;will-change: opacity;}
.pswp__share-modal--hidden {display: none;}
.pswp__share-tooltip {z-index: 1620;position: absolute;	background: #FFF;top: 56px;	border-radius: 2px;	display: block;	width: auto;right: 44px;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);-webkit-transform: translateY(6px);	-ms-transform: translateY(6px);	transform: translateY(6px);	-webkit-transition: -webkit-transform .25s;	transition: transform .25s;	-webkit-backface-visibility: hidden;	will-change: transform;
	a {display: block;	padding: 8px 12px;	color: #000;text-decoration: none;font-size: 14px;line-height: 18px;
	&:hover {text-decoration: none;	color: #000;}
	&:first-child {	border-radius: 2px 2px 0 0;	}
	&:last-child {border-radius: 0 0 2px 2px;}
	}
}
.pswp__share-modal--fade-in {opacity: 1;
	.pswp__share-tooltip {-webkit-transform: translateY(0);	-ms-transform: translateY(0);transform: translateY(0);}
}
.pswp--touch .pswp__share-tooltip a {padding: 16px 12px;}

a {
	&.pswp__share--facebook {
		&:before {content: '';display: block;	width: 0;height: 0;	position: absolute;	top: -12px;	right: 15px;border: 6px solid transparent;border-bottom-color: #FFF;-webkit-pointer-events: none;-moz-pointer-events: none;			pointer-events: none;}
		&:hover {background: #3E5C9A;color: #FFF;
			&:before {border-bottom-color: #3E5C9A;	}
		}
	}
	&.pswp__share--twitter:hover {background: #55ACEE;color: #FFF;}
	&.pswp__share--pinterest:hover {background: #CCC;color: #CE272D;}
	&.pswp__share--download:hover {background: #DDD;}
}
.pswp__counter {float: left;height: 44px;font-size: 13px;line-height: 44px;color: #FFF;opacity: .75;padding: 0 10px;}
.pswp__caption {position: absolute;	left: 0;bottom: 0;width: 100%;min-height: 44px;}
.pswp__caption__center {text-align: center;	max-width: 600px;font-size: 15px;margin: 0 auto;padding: 20px 10px;color: #fff;
	.xzy-zan {float: right;display: block;}
}
.pswp__caption--empty {display: none;}
.pswp__caption--fake {visibility: hidden;}
.pswp__preloader {width: 44px;height: 44px;	position: absolute;	top: 0;	left: 50%;margin-left: -22px;opacity: 0;-webkit-transition: opacity .25s ease-out;transition: opacity .25s ease-out;will-change: opacity;direction: ltr;}
.pswp__preloader__icn {width: 20px;	height: 20px;margin: 12px;}
.pswp__preloader--active {opacity: 1;
	.pswp__preloader__icn {	background: url(preloader.gif) 0 0 no-repeat;}
}
.pswp--css_animation {
	.pswp__preloader--active {opacity: 1;
		.pswp__preloader__icn {-webkit-animation: clockwise .5s linear infinite;animation: clockwise .5s linear infinite;}
		.pswp__preloader__donut {-webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;	animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;}
	}
	.pswp__preloader__icn {	background: 0 0;opacity: .75;width: 14px;height: 14px;position: absolute;left: 15px;top: 15px;margin: 0;}
	.pswp__preloader__cut {	position: relative;	width: 7px;	height: 14px;overflow: hidden;}
	.pswp__preloader__donut {-webkit-box-sizing: border-box;box-sizing: border-box;	width: 14px;height: 14px;border: 2px solid #FFF;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;	position: absolute;top: 0;left: 0;background: 0 0;margin: 0;}
}
@media screen and (max-width: 1024px) {
	.pswp__preloader {position: relative;left: auto;top: auto;margin: 0;float: right;}
}
@-webkit-keyframes clockwise {
	0% {-webkit-transform: rotate(0);transform: rotate(0);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes clockwise {
	0% {-webkit-transform: rotate(0);transform: rotate(0);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes donut-rotate {
	0% {-webkit-transform: rotate(0);transform: rotate(0);}
	50% {-webkit-transform: rotate(-140deg);transform: rotate(-140deg);}
	100% {-webkit-transform: rotate(0);	transform: rotate(0);}
}
@keyframes donut-rotate {
	0% {-webkit-transform: rotate(0);transform: rotate(0);}
	50% {-webkit-transform: rotate(-140deg);transform: rotate(-140deg);}
	100% {-webkit-transform: rotate(0);	transform: rotate(0);}
}
.pswp__ui {-webkit-font-smoothing: auto;visibility: visible;opacity: 1;	z-index: 1550;}
.pswp__top-bar {position: absolute;left: 0;top: 0;height: 44px;width: 100%;}
.pswp--has_mouse {
	.pswp__button--arrow--left,	.pswp__button--arrow--right {-webkit-backface-visibility: hidden;will-change: opacity;-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
}

.pswp__caption,.pswp__top-bar {	-webkit-backface-visibility: hidden;will-change: opacity;-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);}
.pswp--has_mouse {
	.pswp__button--arrow--left,.pswp__button--arrow--right {visibility: visible;}
}
.pswp__caption,.pswp__top-bar {background-color: rgba(0, 0, 0, 0.5);}
.pswp__ui--fit {
	.pswp__caption,	.pswp__top-bar {background-color: rgba(0, 0, 0, 0.3);}
}
.pswp__ui--idle {
	.pswp__top-bar {opacity: 1;}
	.pswp__button--arrow--left,.pswp__button--arrow--right {opacity: 0;}
}
.pswp__ui--hidden {
	.pswp__button--arrow--left,	.pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {	opacity: .001;}
}
.pswp__ui--one-slide {
	.pswp__button--arrow--left,.pswp__button--arrow--right,.pswp__counter {display: none;}
}
.pswp__element--disabled {display: none !important;}
.pswp--minimal--dark .pswp__top-bar {background: 0 0;}
.pswp__button--arrow--left,.pswp__button--arrow--right {background-image: none !important;}
.mouseBox {position: absolute;left: 50%;margin-left: -56px;width: 112px;bottom: 40px;color: #fff;z-index: 800;text-align: center;cursor: pointer;font-family: arial, helvetica, sans-serif;}
.mouseIco {border-radius: 14px;	width: 24px;height: 42px;border: 2px solid #fff;margin: 0px auto;display: block;position: relative;}
.mouseIco i {width: 2px;height: 8px;border-radius: 1px;display: block;background-color: #fff;position: absolute;left: 50%;margin-left: -1px;top: 5px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
	from {opacity: 0;}
	33% {opacity: 1;}
	to {transform: translateY(10px);-webkit-transform: translateY(10px);opacity: 0;}
}
@-webkit-keyframes mouse-dot {
	from {opacity: 0;}
	33% {opacity: 1;}
	to {transform: translateY(10px);-webkit-transform: translateY(10px);opacity: 0;}
}


/*index about*/
.index_about{ padding: 10vh 0;}
.about_fl{ width: 50%; float: left;}
.about_desc{ line-height: 28px; height: 142px; overflow: hidden; color: #666; margin: 30px 0;word-wrap:break-word;word-break:break-all;}
.about_desc p{ text-indent:2em;}
.index_tit h3{font-size: 30px; line-height: 25px; text-transform: uppercase; font-family: "en"; color:#333;}
.index_tit h4{ font-size: 28px; font-weight: bold; margin: 5px 0; color:#333;}
.index_tit p{ line-height: 40px; border-top: 1px solid #cccccc; display: inline-block; padding-right: 20px; box-sizing: border-box;}
.about_num li{ display: inline-block; width: 32%;}
.about_num h3{ color: #B40822; font-weight: bold;}
.about_num em{ font-size: 46px; font-family: "en"; font-weight: normal;}
.about_num p{ color: #666;}
.index_video{width: 550px; height: 397px; float: right;z-index:1; position: relative;}
.index_video.on{z-index:999}
.video_pop{width: 100%; height: 100%; background: #000; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; }
.video_pop.on{ opacity: 1; visibility: visible;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background:#B40822; color: #fff; font-size: 20px; text-align: center; line-height: 40px; z-index: 100; cursor: pointer;}
.close_btn .iconfont .icon-close{ background: url(../images/index/vod_col.png) no-repeat center;}
#video{width:100%; max-height: 100%;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.playbtn{ width: 70px; height: 70px; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/index/play.png) no-repeat center; background-size: 100% 100%;}

/*index Business*/
.hiddens{ margin-top:80px;}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{ pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto}

.pc-slide{ position: relative; width: 100%; margin-top:30px;}
.pc_view{ height: 78vh; }
.pc-slide .swiper-container{ height: 100%;}
.pc_view li{width: 100%; position: relative; background-size: cover!important; display: flex; justify-content: center; align-items: center;text-align: center; z-index: 1;}
.pc_view li:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.pc_view .con{color: #fff; margin: 0 auto;}
.pc_view h3{ font-size: 46px; font-family: "en"; text-transform: uppercase;white-space : nowrap}
.pc_view h4{ font-size: 28px; font-weight: bold; margin-top: 10px;}
.pc_view .desc{ width: 60%; margin: 4vh auto; line-height: 28px; height: 56px; overflow: hidden;}
.see{ display: block; color: #fff; width: 134px; height: 48px; border: 1px solid #fff;overflow: hidden; box-sizing: border-box; text-align: center; line-height: 48px; margin: 0 auto; z-index: 1; position: relative;}
.see:before{ content: ""; width:100%; height: 100%;transform: scale(0);opacity: 0;  position: absolute; left: 0%; top: 0%; background: #1255A4; transition: all .4s;}
.see:hover:before{opacity: 1; transform: scale(1);}
.preview{ position: absolute; bottom: -50px; left: 0; width: 100%; z-index:1}
.case_nav{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1);}
.case_nav li{ line-height: 100px; cursor: pointer; height: 100px;display: inline-block; width: 20%; text-align: center;}
.case_nav em{ display: inline-block; margin-right: 10px; width: 50px; height: 50px; vertical-align: middle; overflow: hidden;}
.case_nav em img{ width: 100%;transition: all .4s;}
.case_nav .active-nav img{ transform: translateY(-50px);}
.case_nav .active-nav{ color: #1254A4;}
.btn_group{ position: absolute; z-index: 9; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.btn_group a{ display: block;outline: none; width: 60px; height: 60px; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; text-align: center; line-height:60px; font-size: 20px;}
.btn_group a:before{ content: ""; display: block; width:100px; height: 100px; border-radius: 50%; opacity: 0; background: #1254A4; position: absolute; left: -20px; top: -20px; transition: all .5s; }
.btn_group a:hover:before{ opacity: 0.6; width: 100%; height: 100%; left: 0; top: 0;}
.btn_group .box{ position: relative;}
.btn_group .arrow-left{ position: absolute; left: -120px; background:url(../images/index/i_yw_bl.png) no-repeat center;}
.btn_group .arrow-right{ position: absolute; right: -120px; background:url(../images/index/i_yw_br.png) no-repeat center;}


/*index news*/
.index_news{ margin: 130px 0 50px;}
.index_news h4{ float:left;width:120px; height:35px; line-height:35px; text-align:center; color:#1255A4; font-size:25px; font-weight:bold; border-bottom: 1px solid #CCC;}
.index_news .i_news{width:650px;height:470px;position:relative;overflow:hidden;}
.index_news .i_news .i_tit{ float:left; width:470px; height:35px; line-height:35px; border-bottom: 1px solid #CCC;}
.index_news .i_news .i_tit a, .index_news .i_pro .i_tit a{ color:#333; width:90px; height:35px; display:block; float:left; text-align:center; font-size:16px;}
#pres{ color:#FFF; font-weight:bold; background:#1255A4;}
.index_news .i_news .i_more, .index_news .i_pro .i_more { float:right; width:60px; height:25px; padding-top:10px; text-align:center; border-bottom: 1px solid #CCC;}
.index_news .i_news .nra{width:650px;float:left; height:430px; overflow:hidden; }
.index_news .i_news .nra .in-news{ width: 100%; margin: 22px 0 21px;}
.index_news .i_news .nra .in-news a{ width: 100%;}
.in-news .in-news-l{ float: left; width: 300px; height: 200px;}
.in-news .in-news-l img{ width: 300px; height: 200px;}
.in-news .in-news-r{ float: right; width: 330px;}
.in-news .g_in-news-r{ width: 100%;}
.index_news .i_news .in-title{ font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; font-weight: bold;}
.index_news .i_news .g_in-news-r .in-title { height: 30px;}
.index_news .i_news .in-info{ font-size: 14px; color: #000; opacity: 0.8; line-height: 25px; height: 75px; margin-top: 10px; overflow: hidden;}
.index_news .i_news .in-time{ width:50%; float:left; font-size: 14px; color: #000; margin-top: 30px;}
.index_news .i_news .in-more{ width:50%; float:left; font-size: 14px; text-align:right; color: #e51616; margin-top: 30px;}

.index_news .i_news .nra li{float:left; width:635px; height:25px; line-height:25px; overflow:hidden; background:url(../images/li.png) no-repeat 5px center;margin:10px 0 0 0; display:inline; padding-left:15px;}
.index_news .i_news .nra li a, .index_news .i_pro .nra li a{font-size: 15px;}
.index_news .i_news .nra li span, .index_news .i_pro .nra li span{float:right;font-size: 14px;}

.hide{display: none;}
.index_news .i_pro{width:500px;height:450px;position:relative;overflow:hidden;}
.index_news .i_pro .i_tit{ float:left; width:320px; height:35px; line-height:35px; border-bottom: 1px solid #CCC;}
.index_news .i_pro .nra{width:500px;float:left; height:430px;overflow:hidden; }
.index_news .i_pro .nra li{float:left; width:485px; height:25px; line-height:25px;font-size: 15px; overflow:hidden; background:url(../images/li.png) no-repeat 5px center;margin:10px 0 0 0; display:inline; padding-left:15px;}

/*bottom*/
.bt_line{ width:100%; height:5px; margin:0 auto 30px;}
.bt_box_l{ width:600px; height:180px; overflow:hidden;}
.bt_box_l li{ width:100%; line-height:32px; float:left;}
.bt_box_r{ width:300px; height:170px; overflow:hidden;}
.bt_box_r li{ width:50%; line-height:30px; float:left; text-align:center;}
.bt_box_r li img{ width:135px; height:135px; display: block;}

/*******  class  *********/
.inside-banner {position:relative;}
.ib-pic {overflow:hidden;}
.ib-pic img {display:block;width:100%;}
.ib-title {position:absolute;left:50%; margin-left:-100px;bottom:50%; margin-bottom:-100px;color:#fff;font-size:50px; font-weight: bold; text-shadow:0 0 5px rgba(0,0,0,.8);}
.inside-tab {border-bottom:1px solid #E3E3E3; width:100%;}
.it-switch {float:left;}
.it-switch a {display:block;float:left;position:relative;padding:15px 13px;color:#666;font-size:16px;z-index:3;}
.it-switch a:before {content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#1255A4;transition:0.45s;z-index:-1;}
.it-switch a.active,.it-switch a:hover {color:#fff;}
.it-switch a.active:before,.it-switch a:hover:before {height:100%;}
.it-brand {float:right;padding-left:20px;}
.it-brand a {display:inline-block;padding:15px 0;margin-right:5px;color:#666;font-size:16px;}
.it-brand a:hover {color:#1255A4;}
/* about */
.inside-cont {padding:40px 0 40px 0;}
.ic-title {width:900px;margin:0 auto;color:#333;font-size:30px;font-weight:400;text-align:center;}
.it-paragraph {color:#333;font-size:16px;margin-top:60px;}
.it-bg-pic {margin-top:78px;width:100%;height:400px;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center;}
.it-w {width:1200px;margin:20px auto 0;}
.pageC a:link,.pageC a:visited {color: #7D7D7D;}
.pageC a:active,.pageC a:hover {color: #333;}
.pageC {overflow: hidden;}

.content{ min-height:300px;}
.content img{margin:0 auto;display: block;max-width: 800px !important;height: auto !important;}
.content p{margin:0 0 9px!important}
.content p,.content p span,.news-content span{font-size:16px;line-height:2;text-indent:2em;font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,SimSun,"Segoe UI",Tahoma,Helvetica,sans-serif !important;}
.content h1{font-size:24px;line-height:1.5;font-weight:normal;padding:8px 0;color:#333;}
.content h1 span{font-size:14px;color:#666;}
.content .page-tit{line-height:50px;padding:0;border-bottom:2px solid #e6e6e6;}
.content .page-tit:before{content:'';display:inline-block;width:5px;height:20px;margin-right:10px;vertical-align:middle;background:#0eb29a;}
.content .page-tit span{vertical-align:middle;font-size:20px;}
.content .page-tit i{font-size:16px;color:#999;}

.content table{ margin:0 auto; border:0; border-collapse:collapse; border-spacing:0;}
.content table th{background:#0090D7;font-weight:normal;line-height:35px;}
.content table td{height:50px; line-height:25px; text-align:center; font-size:14px;}
.content table tr:nth-child(odd){background:#FFF;}
.content table td:nth-child(even){ padding-left:5px;}
.content table tr:hover{background:#73B1E0;color:#FFF;}
.content table td,table th{border:1px solid #EEE;}
.content hr{ margin:20px 0;border:1px solid #EEE;line-height:1px;}
/* news list */
.news-box{ background: #F5F5F5;}
.news{ padding: 50px 0 50px;}
.news-info{ background: #fff; margin-bottom: 73px;}
.news-info figure{ display: block; line-height: 1; width: 45%; float: left; overflow: hidden;} 
.news-info figure img{ display: block; width: 100%; height: auto; transition: 0.65s;}
.news-text{ width: 50%; float: right; margin-right: 2%; padding-top: 38px;}
.news-text time{ display: block; line-height: 1; color: #B40822; font-size: 12px; margin-bottom: 13px; font-weight: bold;}
.news-text strong{ display: block; color: #333333; font-size: 24px; line-height: 1.3; font-weight: normal; margin-bottom: 16px; height: 62px; overflow: hidden; transition: 0.35s;}
.news-text p{ color: #707070; font-size: 14px; margin-bottom: 46px; line-height: 2; height: 56px; overflow: hidden;}
.news-text span{ display: inline-block; color: #666; font-size: 14px; line-height: 1;}
.news-info:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.news-info:hover .news-text strong{ color:#e51616;}

.newsli{ padding-bottom: 30px;}
.newsli li{ position: relative; background: #fff; z-index: 3; margin-bottom: 32px;}
.newsli li:before{ content: ""; width: 100%; height: 100%; background: #2074B2; position: absolute; left: 0; bottom: 0; height: 0; transition: 0.56s; z-index: -1;}
.data{ position: absolute; left: 47px; top: 50%; width: 88px; padding: 26px 0 25px; border: 1px solid #D6D6D6; border-top: 4px solid #1255A4; margin-top: -50px; transition: 0.5s;}
.data strong{ display: block; text-align: center; color: #999999; font-size: 20px; line-height: 1; font-weight: normal; margin-bottom: 9px; font-family: "PT_Sans_Narrow_Bold"; transition: 0.35s;}
.data b{ display: block; line-height: 1; text-align: center; font-weight: normal; color:#999999; font-size: 14px; font-family: "PT_Sans_Narrow_Bold"; transition: 0.35s;}
.news-t{ padding: 35px 0 32px; margin-left: 23.4%; margin-right: 68px;}
.news-t strong{ display: block; color: #333333; font-size: 18px; line-height: 1.2; margin-bottom: 18px; transition: 0.35s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-t p{ color: #707070; font-size: 14px; line-height: 2; margin-bottom: 28px; transition: 0.35s;}
.news-t b{ display: inline-block; font-weight: normal; line-height: 1; color: #333; font-size: 14px; transition: 0.35s;}
.newsli li:hover:before{ height: 100%; bottom: auto; top: 0;}
.newsli li:hover .data{ border-color: #2074B2; transition-delay: 0.1s; background: #2074B2;}
.newsli li:hover .data strong{ color: #FFF;}
.newsli li:hover .data b{ color: #FFF;}
.newsli li:hover .news-t strong{ color: #FFF;}
.newsli li:hover .news-t p{ color: #FFF;}
.newsli li:hover .news-t b{ color: #FFF;}

/* news pic list*/
.cnw-list { margin: 50px 0 25px -45px;}
.cnw-list li { position: relative; width: 33.33%; float: left; margin-bottom: 45px; z-index: 3; }
.cnw-list .cnw-a { margin-left: 45px; }
.cnw-a { display: block; color: #666; position: relative; }
.cnw-a .txts { height: 40px; background:#FFF; overflow: hidden; text-align:center; }
.cnw-a .tx1 { font-size: 15px; color: #333; line-height: 40px !important; height: 40px; -webkit-transition: 300ms; transition: 300ms; }
.cnw-a:hover .tx1 { color: #2074B2; }
.pic { display: block; overflow: hidden; position: relative; }
.pic > img { display: block; width: 100%; transition: 600ms; -webkit-transition: 600ms; }


/* news pro list*/
.dymaniclist{ margin-top: 88px; margin-bottom: 70px; }
.dymaniclist li{ margin-bottom: 5px; background: #fff;}
.dymaniclist li a{ position: relative; display: block; border: 1px solid #fff;z-index:6;}
.dymaniclist li a:before{ content: ""; width: 10px; height: 18px; background: url(../images/class/c_pro_ico_h.png) center no-repeat; background-size: cover; position: absolute; right: 62px; top: 50%; margin-top: -9px; opacity: 0; visibility: hidden; transform: translateX(-8px); -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transition: 0.43s;}
.dymaniclist li time{ display: block; float: left; margin-left: 18px; line-height: 70px; font-size: 14px; color: #999; transition: 0.4s;}
.dymaniclist li span{ display: block; margin-left: 111px; line-height: 70px; color: #666666; font-size: 16px; margin-right: 74px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.4s;}
.dymaniclist li a:hover{ border-color: #2074B2; box-shadow: 0 0 7px rgba(0,0,0,0.11);}
.dymaniclist li a:hover time{ color: #2074B2;}
.dymaniclist li a:hover span{ color: #2074B2;}
.dymaniclist li a:hover:before{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}

.dymaniclist1 li a:hover{ border-color: #2074B2;}
.dymaniclist1 li a:hover time{ color: #333;}
.dymaniclist1 li a:hover span{ color: #000;}
.dymaniclist1 li a:before{ background: url(../images/class/c_pro_ico.png) center no-repeat;}

.dymaniclist{ margin:0 !important;}
.dymaniclist1{ margin-bottom:30px !important;}

/*page*/
.page {margin-top:30px;display:flex;justify-content:center;}
.page a {position:relative;width:50px;height:50px;border:1px solid #D6D6D6;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#A4A4A4;font-size:14px;font-family:'Arial';margin:0 5px;transition:.5s;z-index:1; background: #fff;}
.page a.text {width:100px;margin:0 20px;}
.page a.active {color:#fff;}
.page a.active:after {height:100%;}
.page a:hover {color:#fff;}
.page a:hover:after {height:100%;}
.page a:after {content:'';position:absolute;top:0;left:0;width:100%;height:0;background:#1255A4;z-index:-1;transition:.5s;}

/* news show*/
.mtop {	height: 85px;}

.cdt-bot1 {	width: 900px; margin: 0 auto; padding: 60px 0; text-align: center;}
.cdt-txt1 { color: #333; font-size: 40px; font-weight: 400;	line-height: 1.5;}
.cdt-txt2 {	color: #999999;	font-size: 14px;}
.cdt-bot2 {	border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.cb-w {	width: 1200px;	margin: 0 auto;}
.cb-w900 {width: 900px;	margin: 0px auto;}
.cb-l {	float: left;}
.clt {color: #999999;font-size: 16px;margin-right: 59px; height:50px; line-height:50px; background:url(../images/class/ico_time.png) no-repeat left center; padding-left:30px;}
.cases-detail-bg {position: relative;background: #F2F2F2;padding: 70px 0;}
.cases-detail-words {width: 900px;margin: 0 auto;color: #333;font-size: 16px;}
.return-cases-list a {display: block;width: 125px;height: 40px;background: #fff;margin: 60px auto 0;text-align: center;	line-height: 40px; color: #A4A4A4; font-size: 16px;	transition: 0.35s;}
.return-cases-list a:hover {color: #0062A6;}
.previous-btn {	position: fixed;top: 50%;}
.previous-btn:hover .pl-icon {background: #0062A6;}
.previous-left {left: 10%;}
.previous-right {right: 10%;}
.pl-icon {display: block;width: 37px;height: 37px;border-radius: 50%;text-align: center;line-height: 37px;background: #434343;margin: 0 auto;transition: 0.45s;}
.pl-icon img { width:20px; height:auto; padding:8px;}
.pl-txt {color: #666;font-size: 16px;margin-top: 5px;text-align: center;}

/*contact*/
.maps{ height: 585px; width:100%; margin:0 auto;background: url(../images/class/map_bg.jpg) no-repeat center;}
.addressbox{ padding: 104px 0 120px;}
.addressbox .titles{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}
.addressbox .titles h3{ font-weight: normal; color: #153e71; text-align: center; font-size: 30px;}
.addressbox .titles small{ font-size: 12px; color: #153e71;}
.title2 small{ display: block; text-align: center; line-height: 1; color: #b4b4b4; font-size: 16px; font-family: arial; text-transform: uppercase;}
.adree{ margin-top: 100px;}
.adreesin{ width: 30%; float: left; margin-left: 5%; text-align: center;}
.adreesin:first-child{ margin-left: 0;}
.adreesin b{ display: block; width: 67px; height: 67px; margin: auto; border: 1px solid #5d5d5d; border-radius: 50%; position: relative; transition: 0.4s;}
.adreesin b:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #153e71; border-radius: 50%; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: 0.45s;}
.adreesin b img{ display: block; max-width: 60%; max-height: 60%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: 0.45s;}
.adreesin b img.hide{ opacity: 0; visibility: hidden;}
.adreesin small{ display: block; text-align: center; color: #b3b3b3; font-size: 14px; margin-top: 12px; line-height: 1; margin-bottom: 30px; text-transform: uppercase;}
.adreesin span{ display: block; text-align: center; color: #666666; font-size: 18px;}

.adreesin:hover b{ border-color: #153e71;} 
.adreesin:hover b:before{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
.adreesin:hover b img.show{ opacity: 0; visibility: hidden;}
.adreesin:hover b img.hide{ opacity: 1; visibility: visible;}