*{ outline: none; }
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 {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.8 arial, tahoma, "times new roman", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;
    color: #666;
    /* animation: linear */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

b,
cite,
code,
em,
i,
small,
th {
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
}

fieldset,
iframe,
img {
    border: 0;
}

/*button,
input,
select,
textarea {
    font-size: 100%;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    outline: none;
}*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit
}

button,
input[type=button],
input[type=submit] {
    cursor: pointer
}

button::-moz-focus-inner,
button::-moz-focus-outer,
input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0 none;
    padding: 0;
    margin: 0
}

input[type=search] {
    -webkit-appearance: textfield
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input::-ms-clear {
    display: none
}

textarea {
    resize: vertical;
    overflow-y: auto
}


::-moz-selection {
    background: #d76c00;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #d76c00;
    color: #fff;
    text-shadow: none;
}

a:link,
a:visited {
    text-decoration: none;
}

a:active,
a:hover {
    text-decoration: none;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}
@font-face {
    font-family: 'GOTHIC';
    src: url('../css/GOTHIC.eot');
    src: url('../css/GOTHIC.eot') format('embedded-opentype'),
         url('../css/GOTHIC.woff2') format('woff2'),
         url('../css/GOTHIC.woff') format('woff'),
         url('../css/GOTHIC.ttf') format('truetype'),
         url('../css/GOTHIC.svg#GOTHIC') format('svg');
}
@font-face {
    font-family: 'GOTHICB';
    src: url('../css/GOTHICB.eot');
    src: url('../css/GOTHICB.eot') format('embedded-opentype'),
         url('../css/GOTHICB.woff2') format('woff2'),
         url('../css/GOTHICB.woff') format('woff'),
         url('../css/GOTHICB.ttf') format('truetype'),
         url('../css/GOTHICB.svg#GOTHICB') format('svg');
}
.ff-1{
	font-family: 'GOTHIC';
}
.ff-2{
	font-family: 'GOTHICB';
}
.wmtr {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
}
.na{
	cursor: default;
}
/*.container{
	min-height: 600px;
	background: #f5f5f5;
}*/
.pw {
    width: 1200px;
    margin: 0 auto;
 }
.pw2 {
    width: 1400px;
    position: relative;
    margin: 0 auto;
 }
.pw3 {
    width: 1000px;
    margin: 0 auto;
}
.pw4 {
    width: 1100px;
    margin: 0 auto;
}
.header{ 
	position: fixed;
	top: 0; 
	left: 0; 
	right: 0; 
	z-index: 1005; 
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	        box-shadow: 0 0 5px rgba(0,0,0,.5);
	height: 80px;
	}
.menuBox{
	position:fixed;
	width:320px;
	top:0;
	right:-320px;
	height:100%;
	background:#f5f5f5;
	z-index:1004;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display:none;
	}
.menuBlack{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1003;
	background: rgba(0, 0, 0, .5);
}
.logo{ 
	display:block; 
	}
.lgImg{ 
	display:block; 
	width:100%; 
	}
.pic,
.pic2{ 
	display:block; 
	overflow:hidden; 
	position:relative; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
.pic > img{ 
	display:block; 
	width:100%; 
	transition:600ms; 
	-webkit-transition:600ms; 
	}
.pic2 > img{
	display:block; 
	width:100%; 
	}
.nowti{ 
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden; 
	line-height: 1.4; 
	}
.now{ 
	white-space: nowrap; 
	overflow: hidden; 
	line-height: 1.4; 
	}
.freeTx{ 
	text-align: justify;
	overflow: hidden;
	position: relative;
	line-height: 2;
	}
.freeTx img{  
	max-width:100% !important; 
	vertical-align: bottom;
	height: auto !important;
	}
.freeTx a{
	color: #666;
	text-decoration: none !important;
}
.tx{ 
	text-align: justify; 
	overflow: hidden; 
	line-height: 24px; 
	}
.e,
.c{ line-height: 1; }
.ti,
.name,
.ch{ 
	line-height:1.4; 
	}
.en{ 
	line-height:1; 
	}
.ttu{ text-transform:uppercase; }
.fwb{ font-weight: bold; }
.rel{ position:relative; }
.l{ float:left; }
.r{ float:right; }
.tac{ text-align: center; }
.fsi{ font-style: italic; }
.brc{ border-radius: 100%; }
.ico,
.aw{
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	}
.line{ display: block; }
.fixbg{ 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-attachment: fixed; 
	}
.psfixbg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; 
	z-index: -1;
}
.fib{ 
	letter-spacing: -6px;
	}
.pager{ 
	text-align: center; 
	letter-spacing: -6px;
	}
.ib,
.pager a{ 
	display: inline-block;
	vertical-align: middle; 
	letter-spacing: 0;
	}
.mcv{  
	line-height: 50px; 
	text-align: center; 
	cursor: pointer; 
	display: none; 
	font-size: 15px;
	} 
.caret { 
	display: inline-block; 
	width: 0px; 
	height: 0px; 
	margin-left: 10px; 
	vertical-align: middle; 
	border-top: 4px solid; 
	border-right: 4px solid transparent; 
	border-left: 4px solid transparent; 
	}
.aico{ display: block; background: url('../images/aicos.png'); }
.bico{ display: block; background: url('../images/bicos.png'); }
.cico{ display: block; background: url('../images/cicos.png'); }
.dico{ display: block; background: url('../images/dicos.png'); }
/*video style*/
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*video style end*/

/* winxin */
.popUpblack{ background:url(../images/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 5px solid #0093dd; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #fff; font-weight: bold; border-bottom: 1px solid #0093dd; background: #0093dd; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #fff; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
/* winxin end */

/* menuBtn */
.mtrans, .mtrans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.mtrans-fast, .mtrans-fast:hover { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; background: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position:absolute; right:0; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index:1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #707070; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } 
/* menuBtn end */

/* slick */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; 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; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.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; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots{ font-size:0; text-align:center; }
.slick-dots li{ width:11px; height:11px; background: #c3c2b9; border-radius:100%; margin:0 6px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; transition: 300ms; -webkit-transition: 300ms;  }
.slick-dots li a{ display:block; width:100%; height:100%; }
.slick-dots li.slick-active,.slick-dots li:hover{ background:#00a7eb !important;  }
/* slick end */

/* animation */
@-webkit-keyframes phoneRotate { 
	from, to { -webkit-transform: none; transform: none; }
  	20% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	40% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
 	60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	80% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 
	}
@keyframes phoneRotate { 
	from, to { -webkit-transform: none; transform: none; }
  	20% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	40% { -webkit-transform: rotate(10deg); transform: rotate(10deg); }
 	60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  	80% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 
	} /* 电话颤抖 animation: phoneRotate .5s 3; */
@-webkit-keyframes phoneJump { 
	from, to { -webkit-transform: none; transform: none; }
  	50% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); } 
	}
@keyframes phoneJump { 
	from, to { -webkit-transform: none; transform: none; }
  	50% { -webkit-transform: translate(0, -7px); transform: translate(0, -7px); } 
	} /* 电话数字 animation: phoneJump .5s 1; */
@-webkit-keyframes _cyLogoShow { 
	0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
  	10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
  	20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
  	30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
  	40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
  	50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
  	60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
  	70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
  	80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
  	90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
  	100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); } 
	}
@keyframes _cyLogoShow { 
	0% { background: linear-gradient(120deg, transparent -15%, rgba(255, 255, 255, 0.5), transparent 15%); }
  	10% { background: linear-gradient(120deg, transparent -5%, rgba(255, 255, 255, 0.5), transparent 25%); }
  	20% { background: linear-gradient(120deg, transparent 5%, rgba(255, 255, 255, 0.5), transparent 35%); }
  	30% { background: linear-gradient(120deg, transparent 15%, rgba(255, 255, 255, 0.5), transparent 45%); }
  	40% { background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.5), transparent 55%); }
  	50% { background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5), transparent 65%); }
  	60% { background: linear-gradient(120deg, transparent 45%, rgba(255, 255, 255, 0.5), transparent 75%); }
  	70% { background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.5), transparent 85%); }
  	80% { background: linear-gradient(120deg, transparent 65%, rgba(255, 255, 255, 0.5), transparent 95%); }
  	90% { background: linear-gradient(120deg, transparent 75%, rgba(255, 255, 255, 0.5), transparent 105%); }
  	100% { background: linear-gradient(120deg, transparent 85%, rgba(255, 255, 255, 0.5), transparent 115%); } 
	} /* logo 闪光 */
/* .header .logo:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.header .logo:hover:before { animation: _cyLogoShow .8s 1; } */
@-webkit-keyframes logoShow { 
	from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } 
   }
@keyframes logoShow { 
	from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } 
   } /* 抖一抖的效果 animation: logoShow .5s 1; */
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
} /* img缩小效果（banner） */
@-webkit-keyframes fadeInUp { 
	from { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp { 
	from { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 下出现效果 */
@-webkit-keyframes fadeInDown { 
	from { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDown { 
	from { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 上出现效果 */
@-webkit-keyframes fadeInRight { 
	from { opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRight { 
	from { opacity: 0; -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 右出现效果 */
@-webkit-keyframes fadeInLeft { 
	from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeft { 
	from { opacity: 0; -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
} /* 左出现效果 */
@-webkit-keyframes reveal-v {
  0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
  50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; } 
}
@keyframes reveal-v {
  0% { -webkit-transform: scaleY(0); transform: scaleY(0); }
  50% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; }
  100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100% 0px; transform-origin: 50% 100% 0px; } 
} /* 垂直出现遮盖层 */
@-webkit-keyframes reveal-l {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; } 
}
@keyframes reveal-l {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0% 0px; transform-origin: 0% 0% 0px; }
  51% { -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; }
  100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50% 0px; transform-origin: 100% 50% 0px; } 
} /* 水平出现遮盖层 */
@-webkit-keyframes lightSpeedIn { 
	from { -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg); transform: translate3d(50%, 0, 0) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
	80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
	to { -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes lightSpeedIn { 
	from { -webkit-transform: translate3d(50%, 0, 0) skewX(-30deg); transform: translate3d(50%, 0, 0) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
	80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
	to { -webkit-transform: none; transform: none; opacity: 1; }
} /* 倾斜出现 */
@-webkit-keyframes fadeDown{
	0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
	100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
}
@keyframes fadeDown{
	0%{ opacity: 1; -webkit-transform: translateY(-3px); transform: translateY(-3px); }
	100%{ opacity: 0; -webkit-transform: translateY(3px); transform: translateY(3px); }
} /* 上到下消失 */
@-webkit-keyframes fadeRight{
	0%{ opacity: 1; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
	100%{ opacity: 0; -webkit-transform: translateX(3px); transform: translateX(3px); }
}
@keyframes fadeRight{
	0%{ opacity: 1; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
	100%{ opacity: 0; -webkit-transform: translateX(3px); transform: translateX(3px); }
} /* 左到右消失 */
/* animation end */


@charset "utf-8";
/* 
 * Project Name: tequ
 * Author: xixi
 * Date：2018-04-20
 */
.logo{ float: left; margin-top: 12px; width: 194px; }
/*.nav{ float: left; margin-left: 9%; line-height: 24px; }
.nav li{ float: left; position: relative; }
.nav li > a{ display: block; position: relative; z-index: 1; padding: 28px 18px; background: #fff; color: #333; font-weight: bold; font-size: 15px; }
.nav li > a.act{ background: #00a7eb; color: #fff; }*/
.tnav{ position: absolute; left: 0; right: 0; top: 100%; padding: 10px 0 20px; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.tnav > a{ display: block; padding: 8px 5px; color: #666; line-height: 1.4; text-align: center;  }
/*.nav li:hover .tnav{ -webkit-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; }*/
.header .r{ padding-top: 24px; line-height: 32px; font-size: 12px; font-weight: bold; }
.h-link a{ display: inline-block; vertical-align: middle; width: 108px; height: 32px; overflow: hidden; background: #eaeaea; border-radius: 32px; color: #666; text-align: center; }
.h-link i{ display: inline-block; vertical-align: middle; }
.h-link .aico{ width: 15px; height: 15px; margin-right: 10px; background-position: -185px -75px; }
.h-lang,
.h-link{ float: left; }
.h-lang a{ float: left; width: 32px; height: 32px; border-radius: 100%; background: #eaeaea; overflow: hidden; text-align: center; color: #00a7eb; }
.h-lang a.act{ background: #00a7eb; color: #fff; }
.h-lang a + a{ margin-left: 8px; }
.h-lang{ margin-left: 15px; }
.mtop{ height: 80px }
.banner-fix{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
.banner-fix .cover{ display: none; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: url('../images/ix_bg.png'); }
.banner-ctt{ position: relative; margin-top: 80px; }
.banner{ position: relative; height: 100%; overflow: hidden; }
.banner .item{ position: relative; overflow: hidden; }
.banner .pic2{ position: absolute; top: 0; left: 0; }
.banner .slick-active .pic2 img{ -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.bannertxts{ position: absolute; left: 0; right: 0; bottom: 35%; margin-bottom: 75px; padding: 0 5%; color: #fff; }
.bannertxts .img img{ display: inline-block; vertical-align: bottom; }
.bannertxts .ch{ margin-top: 25px; font-size: 60px; }
.bannertxts .en{ margin-top: 20px; font-size: 18px; line-height: 1.4; }
.banner .slick-dots{ position: absolute; left: 0; right: 0; bottom: 35%; z-index: 59; }
.banner .slick-dots li{ width: 6px; height: 6px; margin: 0 5px; background: #fff; border: 2px solid #fff; }
.banner .slick-dots li.slick-active,
.banner .slick-dots li:hover{ background-color: transparent !important; }
.banner-line{ position: absolute; left: 50%; margin-left: -250px; bottom: 35%; margin-bottom: 35px; width: 500px; height: 1px; background: #fff; }
.banner-line .line{ position: absolute; top: 0; bottom: 0; left: 0; background: #00a7eb; width: 100%; }
.ix-main{ position: relative; z-index: 9; margin-top: -60px; padding: 5.83% 0 4.69% 0; background: #fff; min-height: 1000px; }
.banner-mouse{ position: absolute; top: -15px; left: 50%; z-index: 19; margin-left: -50px; width: 100px; font-size: 12px; cursor: pointer; text-align: center; }
.banner-mouse .mouse{ display: inline-block; vertical-align: bottom; position: relative; width: 20px; height: 32px; margin-bottom: 4px; border-radius: 5px; border: 2px solid #00a7eb; }
.banner-mouse .mouse:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 13px; background: #00a7eb; }
.banner-mouse .mouse:after{ content: ""; position: absolute; left: 50%; margin-left: -1px; bottom: 8px; width: 2px; height: 6px; background: #00a7eb; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite;  }
.ix-pa{ padding-left: 12%; padding-right: 12%; }
.ix-title .ch{ font-size: 22px; color: #00a7eb; }
.ix-title .en{ margin-top: 5px; font-size: 18px; color: #00a7eb; text-transform: capitalize; color: #7e7e7e}
.ix-title .it-aw{ margin-top: 15px; }
.it-aw{ width: 25px; height: 25px; /*background-position: -100px -100px;*/ border: 2px solid #999; padding: 0px 5px;display: flex;justify-content: center;align-items: center;}
.ix1 .ix-title{ float: left; width: 13%; }
.ix-news-box{ float: right; width: 87%; }
.ix-news .item{ float: left; width: 33.33%; }
.ix-news .pa{ padding: 0 30px; border-right: 1px solid #ccc; }
.ix-news .item:nth-child(3n) .pa{ border: none; }
.video-box{ position: relative; }
.video-box .bico{ position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; width: 53px; height: 53px; background-position: -92px 0px; -webkit-transition: 400ms; transition: 400ms; }
.in-img{ display: block; position: relative; color: #fff; }
.in-img .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 13px 25px; background: url('../images/black.png'); background: rgba(0, 0, 0, .6); }
.in-img .tx{ line-height: 20px; max-height: 40px; }
.in-tx{ display: block; font-size: 13px; color: #999; }
.in-tx .tx{ height: 48px; }
.in-tx .ti{ font-size: 16px; color: #666; }
.in-tx .date .s{ margin-left: 10px; color: #00a7eb; }
.in-tx .xtx{ margin-top: 30px; }
.in-tx .date{ margin-top: 45px; }
.ix-news .slick-dots{ position: absolute; top: 28%; right: -85px; }
.ix-news .slick-dots li{ display: block; margin: 0 0 12px 0;  }
.ix2{ margin-top: 85px; }
.ix-pro li{ float: left; position: relative; width: 12%; overflow: hidden; }
.ix-pro li:nth-child(3){ width: 52%; }
.ix-pro a{ color: #fff; }
.ix-pro .pic2{ height: 435px; }
.ix-pro .pic2:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .5); -webkit-transition: 600ms; transition: 600ms; }
.ix-pro .txts{ position: absolute; left: 0; top: 0; width: 100%; }
.ix-pro .pa{ padding: 100px 50px 0 50px; }
.ix-pro .ico{ height: 70px; background-position: left bottom; }
.ix-pro .ch{ margin-top: 12px; font-size: 16px; }
.ix-pro .en{ margin-top: 12px; font-size: 12px; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.ix-pro .tx{ margin-top: 62px; height: 48px; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; visibility: hidden; -webkit-transition: 1200ms; transition: 1200ms; }
.it-aw-2{ border-color: #fff; background-position: -81px -100px; }
.ip-aw{ display: inline-block; vertical-align: bottom; position: relative; width: 50%; height: 24px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 1200ms; transition: 1200ms; }
.ip-aw .line{ height: 1px; margin: 10px 38px 0 0; background: #fff; background: rgba(255, 255, 255, .6); }
.ip-aw .it-aw{ position: absolute; top: 0; right: 0; }
.ix-pro li:nth-child(1) .pic2:after{ background: rgba(135, 115, 74, .75); }
.ix-pro li:nth-child(2) .pic2:after{ background: rgba(2, 14, 80, .6); }
.ix-pro li:nth-child(3) .pic2:after{ background: rgba(2, 49, 31, .6); }
.ix-pro li:nth-child(4) .pic2:after{ background: rgba(38, 146, 217, .35); }
.ix-pro li:nth-child(5) .pic2:after{ background: rgba(223, 100, 33, .4); }
.ix-pro li.act .ch{ font-size: 24px; }
.ix-pro li.act .en{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
.ix-pro li.act .tx{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; }
.ix-pro li.act .ip-aw{ width: 100%; opacity: 1; visibility: visible; -webkit-transition-delay: 400ms; transition-delay: 400ms; } 
.ix-pro li.act .pic2:after{ background: rgba(0, 0, 0, .1); }
.ix-pro li.act:nth-child(1) .pic2:after{ background: rgba(135, 115, 74, .3); }
.ix-pro li.act:nth-child(2) .pic2:after{ background: rgba(2, 14, 80, .1); }
.ix-pro li.act:nth-child(3) .pic2:after{ background: rgba(2, 49, 31, .1); }
.ix-pro li.act:nth-child(4) .pic2:after{ background: rgba(38, 146, 217, .1); }
.ix-pro li.act:nth-child(5) .pic2:after{ background: rgba(223, 100, 33, .1); }

.ia-tx .ix-title{ float: left; max-width: 34%; }
.ia-tx .freeTx{ float: right; width: 66%; }
.ix-ab a{ display: block; position: relative; color: #fff; }
.ix-ab .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 30px; background: url('../images/black.png'); background: rgba(0, 0, 0, .5); -webkit-transition: 400ms; transition: 400ms; }
.ia-ti{ display: inline-block; vertical-align: bottom; position: relative; padding-right: 38px; height: 24px; max-width: 100%; font-size: 22px; }
.ia-ti .nowti{ line-height: 24px; }
.ia-ti .it-aw{ position: absolute; top: 0; right: 0; }
.ia-box .ix-ab{ width: 53%; float: left; }
.ia-box .ix-join{ width: 45.11%; float: right; }
.ix-join{ position: relative; color: #fff; overflow: hidden; }
.ix-join a{ color: #fff; }
.ix-join .txts{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #00a7eb url('../images/ix_bg1.png') no-repeat -120px top/cover; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition: opacity 600ms, visibility 600ms, background 2s 700ms, -webkit-transform 600ms; transition: opacity 600ms, visibility 600ms, background 2s 700ms, -webkit-transform 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms, background 2s 700ms; transition: transform 600ms, opacity 600ms, visibility 600ms, background 2s 700ms, -webkit-transform 600ms; }
.ix-join .pa{ padding: 65px 50px 0 50px; }
.ix-join .tx{ font-size: 15px; line-height: 30px; max-height: 120px; }
.ix-join a:hover .txts{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; background-position: 0 top; } 
.ia-more a,
.ia-more span{ display: inline-block; vertical-align: bottom; width: 126px; height: 36px; border: 2px solid #fff; line-height: 36px; text-align: center; }
.ix-join .ia-more{ margin-top: 75px; }
.ix3 .ia-box{ margin-top: 60px; }
.ix3{ padding-top: 80px; }
/*.footer{ position: relative; z-index: 9; background: #54585a; color: #c1c8cb; }
.footer a{ color: #c1c8cb; }*/
.f-nav{ float: left; }
.f-nav + .f-nav{ margin-left: 3.29%; } 
.f-nav a{ display: block; line-height: 30px; }
.f-nav a:first-child{ margin-bottom: 15px; font-size: 16px; color: #fff; }
.f-ma{ float: right; width: 132px; }
.f-ma .pic{ margin-bottom: 7px; }
/*.footer .ft{ padding: 50px 0 20px; }
.footer .fb{ padding: 30px 0 50px; line-height: 22px; border-top: 1px solid #43484b; }*/
.flinkmore{ position: relative; width: 225px; }
.flinkmore .t{ position: relative; height: 40px; line-height: 40px; padding: 0 35px 0 20px; cursor: pointer; background: #3f4345; }
.flinkmore .t:before{ content: ""; position: absolute; right: 20px; top: 50%; margin-top: -3px; width: 12px; height: 6px; background:url('../images/aicos.png') no-repeat -139px -100px; -webkit-transition: 300ms; transition: 300ms; }
.flinkmore .t.act:before{ -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.flinkmore ul{ display: none; overflow: auto; position: absolute; bottom: 100%; left: 0; right: 0; z-index: 99; background: #3f4345; max-height:330px; }
.flinkmore li a{ display: block; padding: 6px 20px; }
.flinkmore .nowti{ line-height: 24px; }
.f-cta{ color: #fff; overflow: hidden; }
.f-cta .name{ position: relative; float: left; padding-right: 10px; margin-right: 15px; border-right: 2px solid #c1c8cb; font-size: 18px; line-height: 22px;  }
.f-cta .name:before{ content: ""; position: absolute; top: 0; bottom: 0; right: -6px; width: 4px; background: url('../images/ix_aw.png') no-repeat right center; }
.f-cta .b{ float: left; }
.f-cta a{ display: block; }
.f-cop a,
.f-cop span{ display: inline-block; vertical-align: bottom; }
.f-cop span{ position: relative; padding-left: 30px; }
.f-cop span:before{ content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; background: url('../images/aicos.png') no-repeat -119px -100px; }
.f-cop a{ margin-left: 25px; }
.f-cop{ text-align: right; }
/*.footer .f-cop{ float: right; }
.footer .f-cta{ float: left; margin-left: 35px; }
.footer .flinkmore{ float: left; margin-top: 1px; }*/
.menuBox a{ line-height: 1.4; color: #333; }
.mlangs{ padding: 30px 15px 15px 65px; margin-top: 60px; border-bottom: 1px solid #bdbdc0; }
.mlangs a{ display: inline-block; vertical-align: bottom; font-size: 16px; line-height: 20px; }
.mlangs a + a{ padding-left: 20px; margin-left: 20px; border-left: 1px solid #ccc; }
/*.navMobile a{ display: block; padding-left: 65px; padding-right: 15px; }
.navMobile dd > p > a{ padding-top: 15px; padding-bottom: 15px; font-size: 18px; }
.navMobile dd > p > a.act{ background: #00a7eb; color: #fff; }*/
.mtnav{ display: none; padding-top: 12px; padding-bottom: 12px; background: #c31e15; }
.mtnav a{ padding-top: 12px; padding-bottom: 12px; font-size: 16px; color: #fff;  }
.mtop{ height: 80px; }
.pbanner{ position: relative; overflow: hidden; }
.pbanner:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pbtxts{ position: absolute; left: 0; right: 0; top: 40%; z-index: 9; color: #fff; }
.pbtxts .ch{ font-size: 36px; }
.pbtxts .en{ margin-top: 5px; font-size: 20px; text-transform: capitalize; }
.pb-aw{ display: inline-block; vertical-align: bottom; border: 2px solid #fff; width: 35px; height: 35px; }
.pb-aw .aico{ height: 100%; background-position: -46px -100px; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite; }
.pbtxts .pb-aw{ margin-top: 40px; display: none; }
.pnav{ background: #fff; border-bottom: 1px solid #ccc; }
.pnav ul{ text-align: center; }
.pnav li:first-child{ border-left: 1px solid #ccc; }
.pnav li{ width: 154px; border-right: 1px solid #ccc; }
.pnav a{ display: block; position: relative; padding: 20px 0; line-height: 24px; font-size: 16px; color: #666; text-align: center; }
.pnav a:before{ content: ""; position: absolute; left: auto; right: 0; bottom: 0; width: 0; height: 4px; background: #00a7eb; -webkit-transition: 400ms; transition: 400ms; }
.ab-intro-list li:nth-child(2n){ background: #fff; }
.ab-intro-list .pa{ position: relative; min-height: 260px; margin-left: 27.5%; padding: 100px 0; }
.ab-intro-list .pa:before{ content: ""; position: absolute; top: 0; bottom: 0; left: -50px; width: 1px; background: #ccc; }
.ab-intro-list .pa:after{ content: ""; position: absolute; top: 100px; left: -54px; width: 9px; height: 9px; border-radius: 100%; background: #00a7eb; }
.ai-shows dd{ float: left; width: 33.33%; margin-bottom: 8px; }
.ai-shows .ma{ margin-left: 8px; height: 170px; overflow: hidden; background: #fff; }
.ab-intro-list li:nth-child(2n) .ai-shows .ma{ background: #f5f5f5; } 
.ai-shows{ margin-left: -8px; }
.ai-shows .b{ display: inline-block; vertical-align: bottom; padding-top: 40px; text-align: left; }
.ai-shows .num{ height: 55px; line-height: 55px; overflow: hidden; font-size: 16px; }
.ai-shows .num span{ font-size: 60px; color: #00a7eb; }
.ai-shows .name{ height: 55px; line-height: 55px; overflow: hidden; font-size: 50px; color: #00a7eb; }
.ab-intro-list .ai-shows{ margin-bottom: 35px; }
.ab-intro-list .freeTx{ line-height: 2; }
.ab-intro-list .pic{ margin-top: 40px; width: 580px; max-width: 100%; }
.ab-intro-list li:first-child .pa{ padding-top: 0; }
.ab-intro-list li:first-child .pa:after{ top: 0; }
.ab-intro-list li:first-child{ padding-top: 115px; }
.ab-intro-list li:nth-child(3) .ai-shows .ma{ background: #e07f83; }
.ab-intro-list li:nth-child(3) .ai-shows dd:first-child .ma{ background: #d55c60; }
.ab-intro-list li:nth-child(3) .ai-shows .ma,
.ab-intro-list li:nth-child(3) .ai-shows .name,
.ab-intro-list li:nth-child(3) .ai-shows .num span{ color: #fff; }
.ai-nav dd{ float: left; position: relative; width: 126px; height: 126px; border-radius: 100%; border: 2px solid #00a7eb; cursor: pointer; }
.ai-nav dd + dd{ margin-left: 10px; }
.ai-nav .ico{ position: relative; height: 100%; background-position: center; }
.ai-nav dd:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; background: #00a7eb; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.ai-nav dd:after{ content: ""; position: absolute; left: 50%; bottom: -10px; margin-left: -9px; width: 18px; height: 12px; background: url('../images/ab_aw.png') no-repeat center bottom; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.ai-nav dd.act:after,
.ai-nav dd.act:before{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; }
.ai-nav dd.act .ico{ background-position: center; filter: grayscale(100%) brightness(500%);}
.ab-more a{ border-color: #ccc; color: #666; }
.ai-tx-list .ti{ font-size: 24px; color: #00a7eb; }
.ai-tx-list .freeTx{ margin-top: 30px; }
.ai-tx-list .ia-more{ margin-top: 70px; }
.ai-tx-list{ margin-top: 55px; }
.ai-tx-list dd{ display: none; }
.ix-title-fix{ position: absolute; top: 0; left: 50%; margin-left: -600px; margin-top: 115px; width: 1200px; -webkit-transition: opacity 500ms, visibility 500ms, -webkit-transform 600ms; transition: opacity 500ms, visibility 500ms, -webkit-transform 600ms; transition: transform 600ms, opacity 500ms, visibility 500ms; transition: transform 600ms, opacity 500ms, visibility 500ms, -webkit-transform 600ms; }
.ix-title-fix.act{ position: fixed; top: 80px; }
.ix-title-fix .ch{ position: relative; height: 30px; line-height: 30px; overflow: hidden; }
.ix-title-fix .en{ position: relative; height: 20px; line-height: 20px; overflow: hidden; }
.ix-title-fix p span{ display: inline-block; vertical-align: bottom; position: absolute; bottom: 100%; left: 0; opacity: 0; visibility: hidden;  }
.ix-title-fix p span.show{ bottom: 0; -webkit-transition: 400ms; transition: 400ms; opacity: 1; visibility: visible;  }
.ix-title-fix.hide{ -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; }
.fixctas{ position: fixed; top: 50%; margin-top: -76px; right: 15px; z-index: 899; width: 50px; }
.fixctas a{ display: block; position: relative; height: 50px; color: #666; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.fixctas a + a{ border-top: 1px solid #ccc; }
.fixctas .aico{ position: relative; z-index: 1; background-color: #fff; height: 100%; -webkit-transition: background-color 300ms; transition: background-color 300ms; }
.fixctas .c1 .aico{ background-position: -50px 0px; } 
.fixctas .c2 .aico{ background-position: 0px 0px; } 
.fixctas .c3 .aico{ background-position: -100px 0px; } 
.fixctas .c4 .aico{ background-position: -150px -30px; background-color: #00a7eb; } 
.fixctas .c4{ height: 30px; -webkit-transition: 600ms; transition: 600ms; }
.fixctas .b{ position: absolute; top: 0; right: 100%; background: #fff; white-space: nowrap; line-height: 24px; overflow: hidden; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.fixctas .c2 .b{ bottom: 0; }
.fixctas .tel{ padding: 13px 25px 0 15px; font-size: 18px; }
.fixctas .ma{ width: 100px; }
.fixctas .c3 .b{ top: 50%; margin-top: -50px; }
.fixctas .c4.act{ -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; }
.fixctas a:hover .b{ -webkit-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; }
.fixctas a:hover .aico{ background-color: #00a7eb; }
.fixctas .c1:hover .aico{ background-position: -50px -50px; } 
.fixctas .c2:hover .aico{ background-position: 0px -50px; } 
.fixctas .c3:hover .aico{ background-position: -100px -50px; } 
.fixctas .c4:hover .aico{ background-color: #666; }
.leader-list{ padding: 0 55px; }
.leader-list li{ float: left; width: 50%; }
.leader-list .ma{ margin: 0 13px; background: #fff; -webkit-transition: 600ms; transition: 600ms; }
.leader-list .pic{ border-bottom: 4px solid #00a7eb; }
.leader-list .txts{ position: relative; padding: 35px 80px; min-height: 330px; overflow: hidden; }
.leader-list .en{ position: absolute; right: 35px; bottom: 25px; font-size: 48px; white-space: nowrap; color: #bab8b3; opacity: 0.1; filter: alpha(opacity=10); }
.leader-list .name{ margin-bottom: 15px; font-size: 30px; color: #00a7eb; }
.leader-list .freeTx{ line-height: 30px; }
.leader-list .freeTx .s{ color: #000; font-weight: bold; }
.ab2{ padding: 65px 0 75px 0; }
.ab-title .ch{ font-size: 48px; color: #00a7eb; }
.ab-title .en{ color: #999; }
.ab4{ padding: 80px 0 90px 0; background: #fff; }
.ab-charac{ margin-left: -50px; }
.ab-charac dd{ float: left; width: 50%; }
.ab-charac .ma{ position: relative; margin-left: 50px; }
.ab-charac .ac-item{ position: relative; margin-top: 25px; }
.ab-charac dd + dd .ma:before{ content: ""; position: absolute; top: 0; bottom: 0; left: -26px; width: 0; border-left: 1px solid #ccc; }
.ab-vi .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 75px; background: url('../images/black.png'); letter-spacing: -6px; line-height: 1.2; }
.ab-vi a{ display: inline-block; vertical-align: bottom; letter-spacing: 0; color: #fff; }
.ab-vi a + a{ margin-left: 20px; padding-left: 20px; border-left: 1px solid #fff; }
.ix-title.white .en,
.ix-title.white .ch{ color: #fff; }
.ab5{ padding: 80px 0 90px 0; }
.ab-npp{ height: 190px; padding: 35px 25px; background: #fff; overflow: hidden; }
.ab-npp .pic{ float: left; width: 130px; }
.ab-npp .txts{ padding-top: 10px; margin-left: 155px; }
.tk-list .name,
.ab-npp .name{ font-size: 18px; color: #333; }
.tk-list .g,
.ab-npp .g{ margin-top: 5px; color: #999; }
.see-btn{ line-height: 1; }
.see-btn a{ color: #00a7eb; }
.see-btn a + a{ padding-left: 20px; margin-left: 20px; border-left: 1px solid #00a7eb; }
.see-more a{ width: 110px; height: 36px; background: #00a7eb; line-height: 36px; text-align: center; overflow: hidden; color: #fff; }
.ab-npp .see-more{ margin-top: 25px; }
.ab-npp .see-btn{ margin-top: 30px; } 
.ab-house dd{ float: left; width: 50%; margin-bottom: 25px; }
.ab-house .ix-ab a{ margin: 0 0 0 25px; }
.ab-house{ margin-left: -25px; }
.ab-house .ia-ti .nowti{ font-size: 18px; }
.ab6 .ab-house{ margin-top: 50px; }
.ab6{ padding: 80px 0 90px 0;  }
.tk-list li{ float: left; width: 50%; margin-bottom: 20px; }
.tk-list .ma{ margin-left: 20px; height: 200px; padding: 35px; background: #fff; overflow: hidden; }
.tk-list{ margin-left: -20px; }
.tk-list .pic{ float: left; width: 140px; }
.tk-list .txts{ padding-top: 10px; margin-left: 180px; }
.tk-list .name{ font-size: 20px; }
.tk-btn a{ width: 106px; height: 32px; overflow: hidden; border: 2px solid #cfcfcf; text-align: center; line-height: 32px; color: #333; }
.tk-btn a + a{ margin-left: 5px; }
.tk-list .tk-btn{ margin-top: 65px; }
.ab7 .tk-list{ margin-top: 45px; }
.ab7{ padding: 80px 0 90px 0; }
html.open{ overflow: hidden; }
.ly-box{ position: fixed; top: 0; left: 0; right: 0; z-index: 1999; height: 100%; background: url('../images/black.png'); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.ly-main{ width: 780px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; -webkit-transform: translateX(60px); transform: translateX(60px); opacity: 0; visibility: hidden; -webkit-transition: opacity 600ms, visibility 600ms, -webkit-transform 1s; transition: opacity 600ms, visibility 600ms, -webkit-transform 1s; transition: transform 1s, opacity 600ms, visibility 600ms; transition: transform 1s, opacity 600ms, visibility 600ms, -webkit-transform 1s; }
.ly-box.show{ opacity: 1; visibility: visible; }
.ly-box.show .ly-main{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; }
.ly-ctt{ border-top: 5px solid #00a7eb; padding: 35px 50px 150px 50px; background: #fff; }
.ly-ab-ti{ padding-bottom: 30px; margin-bottom: 40px; font-size: 24px; color: #333; border-bottom: 1px solid #ccc; }
.ly-ctt .freeTx{ line-height: 2; }
.ly-close{ position: absolute; top: 0; right: -55px; width: 46px; height: 46px; background: #00a7eb; cursor: pointer; }
.ly-close .aico{ height: 100%; background-position: 0px -100px; -webkit-transition: 400ms; transition: 400ms; }
.station-list li{ float: left; width: 33.33%; margin-bottom: 25px; }
.station-list .video-box{ background: #fff; margin-left: 20px; -webkit-transition: 400ms; transition: 400ms; }
.station-list{ margin-left: -20px; margin-bottom: 35px; }
.station-list .txts{ height: 70px; overflow: hidden; border: 1px solid #ccc; border-top: none; -webkit-transition: 400ms; transition: 400ms; }
.station-list .nowti{ margin-top: 23px; line-height: 24px; }
.station-list .picbox{ position: relative; }
.station-list .picbox:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid transparent; border-bottom: none; -webkit-transition: 400ms; transition: 400ms; }
.station-more a{ width: 170px; height: 52px; overflow: hidden; background: #999; color: #fff; line-height: 52px; text-align: center; }
.ab8 .station-list{ margin-top: 45px; } 
.ab8{ padding: 80px 0 90px 0; }
.ab-os{ background: #fff; }
.aos-t{ height: 290px; overflow: hidden; background: #e8e6e6; }
.aos-num{ float: left; width: 63%; }
.aos-tx .pa,
.aos-num .pa{ padding: 50px 60px 0 60px; }
.aos-ti{ font-size: 24px; color: #333; line-height: 1.4; }
.aos-num-list .num{ line-height: 1; }
.aos-num-list .num span{ font-size: 48px; color: #00a7eb; }
.aos-num-list li{ float: left; }
.aos-num-list li + li{ border-left: 1px solid #999; padding-left: 40px; margin-left: 40px; }
.aos-num .aos-num-list{ margin-top: 45px; }
.aos-tx{ float: left; width: 37%; height: 100%; background: #d7d7d7; }
.aos-tx .aos-ti{ color: #00a7eb; }
.aos-tx .freeTx{ margin-top: 45px; font-size: 18px; color: #333; line-height: 2; }
.aos-b{ padding: 60px 5% 100px 5%; }
.ab9{ padding: 75px 0 65px 0; }
.news-list{ border-left: 1px solid #dadada; }
.news-list li{ float: left; width: 33.33%; }
.news-list .bodr{ overflow: hidden; border-right: 1px solid #dadada; }
.news-list a{ display: block; position: relative; margin: 12px 24px; background: #fff; color: #666; }
.nw-date{ position: relative; width: 60px; height: 70px; border: 1px solid #00a7eb; border-radius: 5px; overflow: hidden; font-size: 12px; color: #00a7eb; line-height: 1; -webkit-transition: 300ms; transition: 300ms; }
.nw-date span{ display: block; }
.nw-date .y{ margin-top: 45px; }
.nw-date .d i{ display: none; }
.nw-date .d{ position: absolute; left: 0; right: 0; top: 8px; font-size: 30px; }
.hot-news .nw-date,
.news-list .nw-date{ float: left; }
.hot-news .ti,
.news-list .ti{ margin: 10px 0 0 80px; height: 48px; overflow: hidden; font-size: 16px; line-height: 24px; color: #333; -webkit-transition: 300ms; transition: 300ms; }
.hot-news .t,
.news-list .t{ height: 110px; padding: 35px 35px 0 35px; overflow: hidden; -webkit-transition: 600ms; transition: 600ms; }
.news-list .picbox{ position: relative; overflow: hidden; }
.news-list .txts{ position: absolute; left: 35px; right: 35px; top: 0; padding-top: 25px; border-top: 1px solid #dadada; }
.news-list .tx{ max-height: 96px; }
.nw-dot{ display: block; position: relative; }
.nw-dot:after,
.nw-dot:before{ content: ""; position: absolute; top: 0; }
.nw-dot,
.nw-dot:after,
.nw-dot:before{ width: 4px; height: 4px; border-radius: 100%; background: #ccc; -webkit-transition: 300ms; transition: 300ms; }
.nw-dot:after{ left: -7px; }
.nw-dot:before{ right: -7px; }
.news-list .nw-dot{ position: absolute; bottom: 25px; left: 42px; }
.nw1{ padding: 55px 0 65px 0; }
.nw1 .news-list{ margin-bottom: 50px; }
.nw2{ padding: 7.29% 0 90px 0; }
.nd-box{ position: relative; background: #fff; min-height: 800px; overflow: hidden; }
.nd-box:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 320px; width: 1px; background: #ccc; }
.nd-l{ float: left; width: 320px;  }
.nd-back{ width: 128px; border: 1px solid #ccc; }
.nd-back a{ display: block; padding: 13px 10px 13px 30px; color: #666; line-height: 24px; }
.nd-back a + a{ border-top: 1px solid #ccc; }
.nd-l .nd-back{ margin-top: 90px; }
.nd-fix{ -webkit-transition: opacity 600ms, visibility 600ms, -webkit-transform 600ms; transition: opacity 600ms, visibility 600ms, -webkit-transform 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms; transition: transform 600ms, opacity 600ms, visibility 600ms, -webkit-transform 600ms; }
.nd-fix .pa{ padding: 100px 0 0 80px; }
.nd-r{ margin-left: 400px; padding: 100px 80px 100px 0; }
.share{ letter-spacing: -6px; line-height: 24px; }
.share span,
.share a{ letter-spacing: 0; display: inline-block; vertical-align: middle; }
.share a{ margin-left: 8px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center top; }
.share .w{ background-image: url('../images/share_1.png'); }
.share .s{ background-image: url('../images/share_2.png'); }
.nd-r .ti{ font-size: 24px; color: #333; }
.nd-r .share{ margin-top: 15px; }
.nd-r .t{ border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 35px; }
.nd-fix.act{ position: fixed; top: 80px; left: 50%; margin-left: -600px; /* width: 1200px; */ }
.nd-fix.hide{ -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; visibility: hidden; }

.nw3{ background: #f5f5f5; padding: 60px 0 65px 0; }
.snw-video dd{ float: left; width: 65.83%; }
.snw-video dd:first-child{ width: 34.17%; }
.snw-video .video-box{ margin-left: 15px; }

.snw-tx{ padding: 45px 50px; height: 332px; background: #fff; overflow: hidden; }
.snw-tx .tx{ margin-top: 45px; padding-top: 30px; line-height: 2; border-top: 1px solid #ccc; }
.nw4{ padding: 70px 0 75px 0; }
.cta1{ padding: 65px 0 80px 0; }
.cta-box{ background: #fff; min-height: 600px; }
.gh-cta{ padding: 60px 8.33% 70px 8.33%; }
.gh-cta .ix-title{ float: left; }
.gh-list{ float: right; }
.gh-list li{ padding: 0 45px; border-left: 1px solid #ccc; float: left; }
.gh-list a{ display: block; overflow: hidden; color: #666; line-height: 24px; cursor: default; }
.gh-list .dico{ float: left; width: 58px; height: 58px; border-radius: 8px; border: 1px solid #00a7eb; -webkit-transition: 300ms; transition: 300ms; }
.gh-list .txx{ margin-left: 80px; padding-top: 6px; }
.gh-list .txx span{ display: block; }
.gh-list a + a{ margin-top: 60px; }
.gh-list .c1 .dico{ background-position: 0px 0px; }
.gh-list .c2 .dico{ background-position: -58px 0px; }
.gh-list .c3 .dico{ background-position: -116px 0px; }
.gh-list .c4 .dico{ background-position: -174px 0px; }
#map{ height: 420px; }
.bd-cta{ padding: 65px 8.33% 80px 8.33%; }
.bd-list li{ float: left; width: 50%; margin-bottom: 30px; }
.bd-list .ma{ margin-left: 30px; border: 1px solid #ccc; border-top-width: 4px; -webkit-transition: 400ms; transition: 400ms; }
.bd-list{ margin-left: -30px; }
.bd-list .t{ padding: 30px 45px 0 45px; height: 195px; overflow: hidden; border-bottom: 1px solid #ccc; }
.bd-list .name{ margin-bottom: 15px; font-size: 20px; color: #00a7eb; }
.bd-btn a{ position: relative; float: left; width: 50%; height: 60px; overflow: hidden; line-height: 60px; color: #666; text-align: center; }
.bd-btn a:first-child:before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #ccc; }
.bd-btn i{ display: inline-block; vertical-align: middle; }
.bd-btn .b1 .dico{ width: 16px; height: 21px; background-position: -16px -116px; }
.bd-btn .b2 .dico{ width: 18px; height: 18px; background-position: -32px -116px; }
.bd-btn .dico{ margin-right: 10px; }
.bd-cta .bd-list{ margin-top: 70px; }
.cta-title .ti{ display: inline-block; vertical-align: bottom; padding: 15px 40px; background: #00a7eb; font-size: 24px; color: #fff; }
.cta-title .txx{ display: inline-block; vertical-align: bottom; margin-top: 40px; width: 800px; max-width: 100%; line-height: 2.1;  }
.cta-title .line{ display: inline-block; vertical-align: bottom; margin-top: 25px; width: 2px; height: 40px; background: #999; }
.cta2{ padding: 80px 0 25px 0; }
.cp-box{ padding: 40px 80px 80px 80px; min-height: 600px; border: 1px solid #e6e6e6; background: #fff; }
.cta2 .cp-box{ margin-top: 30px; }
.cp-box .ly-ab-ti{ padding-bottom: 15px; }
.cp-form{ line-height: 24px; }
.cp-form dd{ overflow: hidden; }
.cp-form textarea,
.cp-form input,
.cp-form label{ display: block; }
.cp-form textarea,
.cp-form .s-input{ padding: 5px 14px; background: #f9f9f9; border: 1px solid #eaeaea; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cp-form .s-input{ width: 215px; }
.cp-form .cp1 .cp-c{ float: left; }
.cp-form .cp1 .cp-c + .cp-c{ margin-left: 50px; }
.cp-form textarea{ width: 808px; height: 144px; }
.cp-form .clearfix .s-input{ float: left; }
.cp-form .vimg{ margin-left: 15px; float: left; }
.cp-form .s-input:focus,
.cp-form textarea:focus{ background: #fff; border-color: #00a7eb; }
.cp-form dd + dd{ margin-top: 30px; }
.sub-btn{ width: 126px; height: 36px; background: #00a7eb; color: #fff; cursor: pointer; -webkit-transition: 400ms; transition: 400ms; }
.cp-intro{ padding-top: 30px; margin-top: 45px; line-height: 2; border-top: 1px solid #ccc; }
.cp-intro a{ color: #666; }
.cp-intro .ti{ font-size: 18px; color: #00a7eb; }
.idea-img{ margin-top: 35px; }
.jb1{ padding: 110px 0 70px 0; }
.jb-list li{ background: #fff; }
.jb-list li + li{ margin-top: 20px; }
.jb-list .txts,
.jb-list .pic{ float: left; width: 50%; }
.jb-list li:nth-child(2n) .pic{ float: right; }
.jb-list .txts{ position: relative; height: 420px; overflow: hidden; }
.line-box{ position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; }
.line-box .line{ position: absolute; background: #00a7eb; background: rgba(223, 33, 40, .4); -webkit-transition: 600ms; transition: 600ms; }
.line-box .line2,
.line-box .line1{ width: 0; height: 1px; }
.line-box .line3,
.line-box .line4{ height: 0; width: 1px; }
.line-box .line1{ top: 0; right: 0; }
.line-box .line3{ top: 0; left: 0; }
.line-box .line2{ bottom: 0; left: 0; }
.line-box .line4{ bottom: 0; right: 0; }
.jb-list .pa{ padding: 45px 70px 0 70px; position: relative; }
.jb-ti{ color: #333; font-size: 24px; line-height: 1.4; }
.jb-ti .ico{ margin-right: 20px; width: 50px; height: 50px; background-position: left center; }
.jb-list .tx{ line-height: 28px; }
.jb-list .tx1{ height: 112px; border-top: 1px solid #ccc; padding-top: 25px; margin-top: 15px; }
.jb-list .ia-more{ margin-top: 20px; }
.jb2{ padding: 70px 0 90px 0; }
.campus-tx .picbox{ position: relative; }
.campus-more a{ background: #00a7eb; color: #fff; font-size: 16px; }
.campus-tx .campus-more{ position: absolute; left: 0; right: 0; bottom: 16%; }
.campus-tx{ background: #fff; }
.campus-tx .freeTx{ padding: 55px 80px 70px 80px; }
.campus-tx .ti{ margin-bottom: 30px; font-size: 24px; color: #00a7eb; }
.cr-input dd{ float: left; }
.cr-input dd + dd{ margin-left: 15px; }
.cr-input select{ padding: 0 25px; width: 238px; height: 48px; background: #fff url('../images/jb_aw.png') no-repeat 90% center; }
.cr-input .search{ float: right; }
.cr-input input{ float: left; padding: 11px 25px; width: 314px; border: 1px solid #fff; background: #fff; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cr-input a{ float: left; width: 54px; height: 48px; background-color: #edeaea; background-image: url('../images/jb_ico1.png'); background-position: center top; -webkit-transition: background-color 300ms; transition: background-color 300ms; }
.cr-input input:focus{ border-color: #00a7eb; }
.jb4 .campus-recruit{ padding-bottom: 75px; }
.jb3 .campus-recruit{ margin-top: 65px; padding-bottom: 75px; }
.jb4,
.jb3{ padding-top: 60px; }
.cr-list{ margin-top: 30px; }
.cr-list li + li{ margin-top: 4px; }
.cr-list li + li .t{ cursor: pointer; }
.cr-list .t{ padding: 18px 0; background: #fff; overflow: hidden; font-size: 15px; line-height: 24px; -webkit-transition: 400ms; transition: 400ms; }
.cr-list li:first-child .t{ padding: 15px 0; background: #f4971f; color: #fff; font-weight: bold; }
.cr-list .t > span{ float: left; width: 25%; text-align: center; }
.cr-list .cico{ display: inline-block; margin-right: 15px; }
.cr-list .c1 .cico{ width: 24px; height: 31px; background-position: -24px -30px; }
.cr-list .c2 .cico{ width: 30px; height: 30px; background-position: 0px 0px; }
.cr-list .c3 .cico{ width: 24px; height: 32px; background-position: 0px -30px; }
.cr-list .c4 .cico{ width: 30px; height: 28px; background-position: -30px 0px; }
.cr-list .t .c1{ text-align: left; }
.cr-list li + li .c1 i{ margin-left: 79px; }
.cr-list .c1 .cico{ margin-left: 40px; }
.cr-list .b{ padding-top: 2px; display: none; }
.cr-list .freeTx{ padding: 35px 79px 75px 79px; background: #fff; }
.cr-list .campus-more a{ width: 175px; height: 46px; line-height: 46px; font-size: 15px; }
.cr-list .campus-more{ margin-top: 75px; }
.cr-list li + li.act .t{ background: #f1d8b7; color: #333; }
.pager a{ margin: 0 4px; width: 46px; height: 42px; background: #fff; color: #666; line-height: 42px; text-align: center; }
.pager .arrow{ width: 76px; }
.pager a.act{ background: #00a7eb; color: #fff; }
.jb4 .pager,
.jb3 .pager{ margin-top: 60px; }
.rp-box{ background: #fff; padding: 25px 0; border-top: 1px solid #ccc; }
.rp-list > p{ float: left; padding-top: 13px; font-size: 18px; line-height: 24px; color: #333; }
.rp-list .b{ float: left; }
.rp-list a{ float: left; width: 120px; margin-left: 10px; }
.jb4 .cr-list li:first-child .t{ background: #00a7eb; }
.jb4 .cr-list li + li.act .t{ background: #f5e2e2; color: #00a7eb; }
.cog1{ padding: 60px 0 65px 0; }
.cog1 .nd-box:before{ display: none; }
.cog1 .nd-r { margin-left: 320px; }
.cog-nw-list li{ float: left; width: 33.33%; margin-bottom: 35px; }
.cog-nw-list a{ display: block; margin-left: 20px; background: #fff; color: #666; }
.cog-nw-list .txts{ height: 70px; overflow: hidden; }
.cog-nw-list .nowti{  margin-top: 25px; }
.img-bodr:after,
.cog-nw-list .pic:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid transparent; border-bottom: none; -webkit-transition: 300ms; transition: 300ms; }
.cog2 .it-list,
.cog2 .cog-nw-list{ margin-bottom: 35px; }
.cog2{ padding: 65px 0 60px 0; }
.pro-nav{ background: #f5f5f5; }
.pro-nav li{ width: 20%; }
.pro-nav a{ display: block; height: 155px; padding: 0 5px; border-right: 1px solid #ccc; overflow: hidden; color: #333; }
.pro-nav .nowti{ margin-top: 3px; font-size: 16px; }
.pro-nav .ico{ margin-top: 25px; height: 70px; }
.pro-nav .bico{ width: 11px; height: 6px; margin: 17px auto 0 auto; background-position: -121px -53px; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.pro-nav li:first-child a{ border-left: 1px solid #ccc; }
.pro-nav a.act{ background: #fff; }
.pro-nav a.act .bico{ -webkit-transform: translate(0); transform: translate(0); opacity: 1; visibility: visible; } 
.pro-banner{ position: relative; overflow: hidden; }
.video-btn{ cursor: pointer; }
.pi-img-list .video-btn .pic:after,
.pro-banner .pic2:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pro-banner .txts{ position: absolute; z-index: 9; top: 25%; left: 50%; margin-left: -600px; width: 1200px; color: #fff; }
.pro-banner .ch{ font-size: 36px; }
.pro-banner .en{ margin-top: 5px; line-height: 1.3; }
.pro-banner .pb-aw{ margin-top: 25px; }
.pro-aw .aico{ background-position: -150px -60px; -webkit-animation: fadeRight 1.6s infinite; animation: fadeRight 1.6s infinite; }
.pnav.pro-pnav{ background: #00a7eb; border: none; }
.pnav.pro-pnav ul{ text-align: left; }
.pnav.pro-pnav a{ color: #fff; }
.pnav.pro-pnav li{ border-color: #f75258; }
.pnav.pro-pnav a:before{ display: none; }
.pnav.pro-pnav a.act{ background: #fff; color: #00a7eb; }
.pro1{ padding: 90px 0; background: #fff; }
.pro-intro .txts{ float: left; width: 43.33%; }
.pro-intro .tx{ margin-top: 50px; height: 140px; line-height: 28px; }
.sp2 .see-more a,
.pro-intro .see-more a{ width: 130px; height: 40px; line-height: 40px; }
.pro-intro .see-more{ margin-top: 75px; }
 .pro-intro .pi-img-list{ float: right; width: 49.17%; }
.pi-img-list{ position: relative; }
.pi-img-list .slick-dots{ position: absolute; left: 0; right: 0; bottom: -30px; }
.pii-arrow .slick-arrow{ position: absolute; z-index: 29; top: 50%; margin-top: -23px; width: 59px; height: 45px; background-image: url('../images/bicos.png'); background-color: #000; background-color: rgba(0, 0, 0, .5); }
.pii-arrow .slick-prev{ left: 0; background-position: 0px -92px; }
.pii-arrow .slick-next{ right: 0; background-position: -59px -92px; }
.ph-nav{ position: absolute; right: 0; left: 35px; bottom: 12px; padding-bottom: 15px; border-bottom: 1px solid #fff; line-height: 1.1; text-align: right; }
.ph-nav a{ color: #fff;  }
.ph-nav a + a{ margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; }
.ph-list .item{ width: 25%; float: left; }
.ph-list .item a{ display: block; color: #666; }
.ph-list .pic{ background: #fff; -webkit-transition: 600ms; transition: 600ms; }
.ph-list .txts{ position: relative; margin-top: 1px; padding: 0 15px; height: 64px; overflow: hidden; background: #fff; }
.ph-list .nowti{ line-height: 24px; margin-top: 20px; }
.ph-list .txts:before{ content: ""; position: absolute; bottom: 0; height: 3px; background: #00a7eb; width: 0; right: 50%; -webkit-transition: 600ms; transition: 600ms; }
.ph-arrow .slick-arrow{ position: absolute; z-index: 29; top: 50%; margin-top: -55px; width: 46px; height: 46px; border-radius: 100%; background: #fff url('../images/bicos.png') no-repeat; }
.ph-arrow .slick-prev{ left: -85px; background-position: 0px 0px; }
.ph-arrow .slick-next{ right: -85px; background-position: -46px -46px; }
.pro2 .ph-list{ margin-top: 35px; }
.pro2{ padding: 90px 0 110px 0; }
.pro3{ display: none;}

.pm-ti{ color: #333; }
.pm-ti .ti{ font-size: 36px; line-height: 1; color: #00a7eb; }
.pm-ti .ti i{ vertical-align: middle; }
.pm-ti .ti .n{ font-size: 48px; }
.pm-ti .txx{ font-size: 18px; }
.pm-ti .pa{ padding-right: 17.86%; }
.pro-model-list .pm-ti{ float: left; width: 28%; padding-top: 100px; }
.pro-model-list .txts{ border-left: 1px solid #b5b5b5; margin-left: 28%; padding: 110px 0 90px 0; }
.pro-model-list .name{ font-size: 24px; color: #00a7eb; }
.pro-model-list .tx{ margin-top: 20px; line-height: 28px; height: 84px; }
.pro-model-list .ia-more{ margin-top: 45px; }
.pro-model-list .rel{ padding-left: 11.6%; }
.pro-model-list .rel:after{ content: ""; position: absolute; top: 12px; left: -5px; width: 9px; height: 9px; background: #00a7eb; border-radius: 100%; }
.pro-model-list li:nth-child(2n){ background: #fff; }
.pro4{ padding: 90px 0; background: url('../img/pro_bg1.jpg') no-repeat center center/cover; }
.pro-map-img{ text-align: right; -webkit-transition: 2s; transition: 2s; }
.pro-map-img img{ vertical-align: bottom; max-width: 100%; }
.pro-map{ position: relative; }
.pro-map .ix-title{ position: absolute; top: 0; left: 100px; }
.pm-cta dd{ float: left; color: #333; }
.pm-cta dd + dd{ margin-left: 45px; }
.pm-cta a{ display: block; color: #333; cursor: default; }
.pm-cta .n{ color: #00a7eb; font-weight: bold; font-size: 30px; line-height: 1; }
.pm-cta a + a{ margin-top: 25px; }
.pro-map .pm-cta{ position: absolute; left: 100px; bottom: 0; }
.phx-nav{ text-align: center; }
.phx-nav a{ display: block; width: 120px; height: 40px; overflow: hidden; line-height: 40px; color: #666; background: #fff; }
.phx-nav li{ margin: 0 2px; }
.phx-nav a.act{ background: #00a7eb; color: #fff; }
.pro5{ padding: 90px 0 50px; }
.phx-list li{ float: left; width: 25%; margin-bottom: 30px; }
.phx-list a{ display: block; margin-left: 20px; background: #e0dfdf; color: #666; }
.phx-list{ margin-left: -20px; }
.img-bodr{ position: relative; }
.phx-list .txts{ padding: 0 15px; height: 52px; overflow: hidden; }
.phx-list .nowti{ line-height: 24px; margin-top: 14px; }
.phx-list a:hover .img-bodr:after{ border-color: #00a7eb; }
.phx-list a:hover{ background: #00a7eb; color: #fff; }
.pro5 .phx-list{ margin-top: 60px; }
.pro5 .pager{ margin-top: 40px; }
.pro6{ padding: 50px 0 70px 0; }
.pm-box.nd-box .nd-l{ width: 240px; }
.pm-box.nd-box .nd-r{ margin-left: 320px; }
.pm-box.nd-box:before{ left: 240px; }
.pm-box.nd-box .nd-fix{ width: 240px; padding: 0 }
.pmx-nav li{ border-bottom: 1px solid #ccc; }
.pmx-nav a{ display: block; position: relative; height: 170px; color: #666; }
.pmx-nav a:after{ display: none; content: ""; position: absolute; top: 50%; margin-top: -17px; right: -12px; width: 16px; height: 33px; background: url('../images/bicos.png') no-repeat -92px -53px; }
.pmx-nav .pm-ti .ti,
.pmx-nav .pm-ti{ color: #666; }
.pmx-nav .pm-ti .ti{ font-size: 26px; }
.pmx-nav .pm-ti .ti .n{ font-size: 34px; }
.pmx-nav .pm-ti .txx{ font-size: 14px; }
.pmx-nav .pm-ti{ padding: 55px 25px 0 55px; }
.pmx-nav a.act{ background: #00a7eb; }
.pmx-nav a.act .pm-ti .ti,
.pmx-nav a.act .pm-ti{ color: #fff !important; }
.pmx-nav a.act:after{ display: block; }
.pm-box.nd-box .nd-r .ti{ color: #00a7eb; font-size: 30px; }
.pm-box.nd-box .nd-r .txx{ margin-top: 5px; font-size: 16px; }
.pm-box.nd-box .nd-r .t{ padding-bottom: 35px; }
.pm-box.nd-box .nd-r{ padding-top: 80px; }
.pro-intro .see-more .link{ margin-left: 15px; border: 2px solid #ccc; height: 36px; line-height: 36px; width: 126px; background: #ccc; color: #666; }
.pro7{ color: #fff; }
.pro7 .clearfix .ix-title{ float: left; }
.oi-num{ float: left; margin-left: 23%; }
.oi-num .tx1{ line-height: 1; }
.oi-num .ff-2{ margin-right: 15px; font-size: 48px; }
.oi-num .tx2{ margin-top: 10px; font-size: 36px; line-height: 1.4; }
.oi-list .item{ float: left; width: 33.33%; }
.oi-list .item a{ display: block; margin-left: 20px; background: #fff; color: #666; }
.oi-list{ margin-left: -20px; }
.oi-list .nowti{ padding: 0 15px; line-height: 54px; }
.oi-list.ph-arrow .slick-prev{ left: -65px }
.oi-list.ph-arrow .slick-arrow{ margin-top: -23px;  }
.pro7 .ab-house{ margin-top: 55px; }
.pro7 .oi-list{ margin-top: 115px; }
.white.ia-more a{ border-color: #fff; color: #fff; }
.pro7 .ia-more{ margin-top: 60px; }
.pro7{ padding: 150px 0 90px 0; }
.oc-nav{ text-align: center; }
.oc-nav li{ width: 155px; margin: 0 3.5%; }
.oc-nav a{ display: block; position: relative; height: 155px; border-radius: 100%; background: #fff; color: #666; }
.oc-nav .rel{ padding-top: 35px; }
.oc-nav .ico{ height: 60px; background-position: center top; }
.oc-nav .nowti{ padding: 0 5px; margin-top: 5px; font-weight: bold; }
.oc-nav a:after,
.oc-nav a:before{ content: ""; position: absolute; border-radius: 100%; opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.oc-nav a:before{ top: 0; bottom: 0; left: 0; right: 0; background: #00a7eb; -webkit-transform: scale(1.2); transform: scale(1.2);  }
.oc-nav a:after{ top: -18px; bottom: -18px; left: -18px; right: -18px; border: 2px solid #00a7eb; -webkit-transform: scale(0.8); transform: scale(0.8); }
.oc-nav a.act:after,
.oc-nav a.act:before{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; }
.oc-nav a.act{ color: #fff; }
.oc-nav a.act .ico{ background-position: center bottom; }
.jb-list a{ color: #666; }
.oc-more span{ display: inline-block; vertical-align: bottom; width: 126px; height: 36px; overflow: hidden; line-height: 36px; text-align: center; border: 2px solid #ccc; -webkit-transition: 300ms; transition: 300ms; }
.oc-list.jb-list .tx{ height: 84px; margin-top: 30px; }
.oc-list.jb-list .oc-more{ margin-top: 60px; }
.oc-list.jb-list .pa{ padding-top: 65px; }
.oc-list.jb-list .txts{ height: 385px; }
.pro8 .oc-list{ margin-top: 85px; }
.pro8{ padding: 95px 0 75px 0; }
.pro8 .pager{ margin-top: 75px; }
.pro9{ padding: 70px 0 60px 0; }
.pro9 .nd-r .ti{ margin-bottom: 30px; }
.pro9 .pi-img-list{ margin-bottom: 50px; }
.pro10{ padding: 90px 0 130px 0; }
.pro10 .ab-house{ margin-top: 55px; }
.ly-pt-box{ overflow: hidden; }
.pro-tour-box{ position: relative; height: 100%; }
.pro-tour-box .txts{ position: absolute; top: 0; right: 0; background: #e6e6e6; width: 465px; height: 100%; color: #333; }
.pro-tour-box .pic{ height: 100%; margin-right: 465px; }
.pro-tour-box .pic img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 90%; max-height: 90%; }
.pro-tour-box .aos-ti{ color: #00a7eb; }
.pro-tour-box .txts .pa{ top: 30%; position: relative; padding: 0 70px; }
.pro-tour-box .freeTx{ margin-top: 20px; }
.pt-back{ border: none; width: 100%; overflow: hidden; border-top: 1px solid #666; }
.pt-back li{ float: left; width: 33.33%; }
.pt-back a{  text-align: center; padding-left: 10px; }
.nd-back li + li a{ border: none; border-left: 1px solid #666; }
.pro-tour-box .pt-back{ position: absolute; left: 0; bottom: 0; }
.pro-tour-box .ly-close{ right: auto; left: -46px; }
.pro-nw-list.cog-nw-list .txts{ height: 54px; }
.pro-nw-list.cog-nw-list .nowti{ line-height: 24px; margin-top: 15px; }
.como-list a{ color: #fff; }
.como-list .item{ float: left; width: 33.33%; }
.como-list .ma{ margin-left: 50px; background: #fff; -webkit-transition: 400ms; transition: 400ms; }
.como-list{ margin-left: -50px; }
.como-list .t{ height: 94px; padding: 0 45px; overflow: hidden; }
.como-list .ti{ margin-top: 32px; font-size: 18px; color: #00a7eb; -webkit-transition: 400ms; transition: 400ms; }
.como-list .ti i{ font-size: 22px; margin-right: 15px; }
.como-list .picbox{ position: relative; overflow: hidden; }
.como-list .txts{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 45px; background: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.como-list .tx{ margin-top: 40px; line-height: 28px; }
.como-list .line{ position: absolute; left: 45px; right: 45px; height: 1px; background: #00a7eb; bottom: 50px; }
.como-list .line:before{ content: ""; position: absolute; right: 0; bottom: -18px; width: 13px; height: 7px; background: url('../images/bicos.png') no-repeat -108px -53px; }
.como-list.ph-arrow .slick-prev {left: -35px; }
.como-list.ph-arrow .slick-arrow{ margin-top: -23px; }
.pro11 .como-list{ margin-top: 64px; } 
.pro11{ padding: 90px 0 125px 0; }
.gp-list li{ float: left; width: 20%; margin-bottom: 15px; }
.gp-list .ma{ margin-left: 15px; -webkit-transition: 400ms; transition: 400ms; }
.gp-list{ margin-left: -15px; }
.pro12 .gp-list{ margin-top: 35px; }
.pro12{ padding: 90px 0 100px 0; }
.cog3 .clearfix .ia-more{ float: right; }
.cog3 .clearfix .ix-title{ float: left; }
.cog3{ padding: 100px 0 125px 0; }
.cn-list .news-list{ border: none; }
.cn-list .news-list a{ margin: 0 }
.cn-list .news-list li{ float: none; width: 100%; }
.cn-list .item{ float: left; width: 33.33%; }
.cn-list .news-list{ margin-left: 55px; }
.cn-list{ margin-left: -55px; }
.cn-list .slick-prev { left: -35px; }
.cn-list .slick-arrow{ margin-top: -23px; }
.cog3 .cn-list{ margin-top: 40px; }
.cog4 .clearfix .ix-title{ float: left; }
.cog4 .cs-list{ float: right; }
.cs-list{ width: 75.83%; }
.cs-list a{ color: #666; }
.cs-list .nowti{ font-size: 16px; padding: 0 15px; border-bottom: 1px solid #00a7eb; line-height: 64px; }
.cs-list .slick-arrow{ margin-top: -55px; }
.his-dot{ display: block; position: relative; margin: 0 auto; width: 18px; height: 18px; border-radius: 100%; border: 6px solid #fff; background: #00a7eb; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3); box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.his-list{ position: relative; padding: 70px 0 50px; overflow: hidden; }
.his-a{ position: relative; padding: 35px 50px 45px 40px; background: #fff; }
.his-list .item1 .his-a{ margin-left: 50px; } 
.his-list .item2 .his-a{ margin-right: 50px; }
.his-a .date{ float: left; width: 100px; font-size: 36px; color: #00a7eb; line-height: 1; } 
.his-more{ margin-left: 100px; }
.his-more a{ display: inline-block; vertical-align: bottom; position: relative; width: 50%; height: 28px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 600ms; transition: 600ms; }
.his-more .line{ margin: 14px 84px 0 0; height: 1px; background: #ccc; }
.his-more p{ position: absolute; top: 0; right: 0; width: 82px; border: 1px solid #ccc; line-height: 26px; text-align: center; font-size: 12px; color: #666; -webkit-transition: 300ms; transition: 300ms; }
.his-a .month{ float: left; width: 60px; }
.his-a .freeTx{ margin-left: 60px; }
.his-a .b{ margin-top: 20px; }
.his-list:before{ content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #999; }
.his-a:after{ content: ""; position: absolute; top: 50px; width: 11px; height: 11px; border-radius: 100%; background: #00a7eb; }
.his-list .item1 .his-a:after{ left: -55px; }
.his-list .item2 .his-a:after{ right: -56px; }
.his-list .item2{ margin-top: 180px; }
.his-list .item1{ clear: both; }
.his-box{ padding: 0 72px; }
.his-list .item{ width: 50%; float: right; }
.his-a:before{ content: ""; position: absolute; top: 55px; width: 40px; height: 1px; background: #999; }
.his-list .item1 .his-a:before{ left: -50px; }
.his-list .item2 .his-a:before{ right: -51px; }
.ab3 .his-box{ margin-top: 40px; }
.ab3{ padding-top: 110px; }
.his-control-box{ color: #fff; background: #333; }
.his-control{ margin: 0 72px; height: 60px; position: relative; overflow: hidden; }
.his-control:before{ content: ""; position: absolute; top: 18px; left: 88px; right: 88px; height: 1px; background: #fff; }
.his-control .item{ float: left; position: relative; width: 16.66%; height: 60px; overflow: hidden; }
.his-control .item a{ color: #fff; }
.his-control .date{ margin-top: 33px; line-height: 1; }
.his-control .dot{ display: block; position: absolute; left: 50%; margin-left: -2px; top: 17px; border-radius: 100%; background: #fff; width: 3px; height: 3px; }
.his-control .dot:before{ content: ""; position: absolute; top: -7px; bottom: -7px; left: -7px; right: -7px; border-radius: 100%; border: 1px solid #fff; -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; -webkit-transition: 400ms; transition: 400ms; }
.his-control .slick-arrow{ position: absolute; z-index: 29; top: 50%; margin-top: -10px; width: 21px; height: 21px; background: url('../images/ab_aw2.png') no-repeat; cursor: pointer; -webkit-transition: 0ms; transition: 0ms; }
.his-control .slick-prev{ left: 0; }
.his-control .slick-next{ right: 0; background-position: right bottom; }
.his-control .slick-arrow.slick-disabled{ opacity: 0.5; cursor: default; }
.hc-move .item.act .dot:before{ -webkit-transform: none; transform: none; opacity: 1; visibility: visible; } 
.ly-his{ overflow: hidden; }
.ly-his dt{ float: left; width: 90px; color: #00a7eb; }
.ly-his dd{ margin-left: 90px; }
.ly-his + .ly-his{ margin-top: 35px; }
.ab-intro-list .ix-title{ display: none; margin-bottom: 45px; }
.m-ly-close{ display: none; }
.cog-nw-list{ margin-left: -20px; }
.cr-list .nowti{ display: block; }
.cog4{ padding: 90px 0 110px 0; }
.banner .mbj{ display: none; }
.ix-pro .pic2 img{ display: none; }
.ip-nav{ display: none; }
.pro12 .ia-more{ margin-top: 40px; }
.pro13 {padding: 65px 0 60px 0; }
.nw1 .hot-news{ margin-bottom: 65px; }
.hot-news a{ display: block; background: #fff; color: #666; }
.hot-news .pic{ float: left; width: 45.83%; }
.hot-news .txts{ float: left; width: 54.17%; }
.hot-news .pa{ padding: 0 50px 0 50px; }
.hot-news .t{ padding-left: 0; padding-right: 0; padding-bottom: 40px; height: auto; border-bottom: 1px solid #ccc; }
.hot-news .tx{ line-height: 28px; max-height: 112px; margin-top: 25px; }
.hot-news .nw-dot{ margin: 45px 0 0 7px; }
.in-tx img{ display: none; }
.ab-more.no{ display: none; }
.ix-join .txts2{ position: absolute; left: 0; right: 0; bottom: 0; color: #333; padding: 0 50px 25px 50px; }
.ix-join .num span{ display: block; margin-bottom: 2px; line-height: 0.8; font-size: 48px; font-weight: bold; color: #00a7eb; }
.ix-join .ti{ margin-top: 40px; font-size: 22px; }
.ix-join .picbox{ position: relative; }

.sbanner-box{ position: relative; overflow: hidden; }
.sbanner-box > img{ display: block; width: 100%; }
.sbanner{ position: absolute; left: 0; right: 0; top: 0; overflow: hidden; }
.sbanner .item{ position: relative; overflow: hidden; }
.sbanner .slick-active .pic2 img{ -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.sbanner .slick-dots{ position: absolute; left: 0; right: 0; bottom: 35px; }
.sbanner .slick-dots li{ background: #fff; }
.sbanner .pic2:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/shadow_2.png) repeat left bottom; -webkit-background-size: 10px 100%;
background-size: 10px 100%; display: none; }
.sbanner .mbj{ display: none; }

.spe-list .pi-img-list{ width: 50%; float: left; }

.spe-list .txts{ width: 44%; float: right; }
.spe-list .ti{ font-size: 20px; font-weight: bold; color: #000; }
.spe-list .tx{ max-height: 48px; margin-top: 18px; }
.spe-list .nw-dot{ margin: 35px 0 0 7px; }
.spe-list .nw-dot, .spe-list .nw-dot:after, .spe-list .nw-dot:before{ background: #00a7eb; }
.sl-list a{ display: block; position: relative; line-height: 24px; color: #666; padding-right: 80px; }
.sl-list .nowti{ line-height: 24px; font-size: 15px; }
.sl-list .date{ position: absolute; top: 0; right: 0; color: #999; transition: 300ms; }
.sl-list a + a{ margin-top: 15px; }
.spe-list .sl-list{ margin-top: 30px; padding-top: 35px; border-top: 1px solid #ccc; }
.spe-list .see-more{ margin-top: 35px; }
.spe-list > li{ padding: 75px 0; }
.spe-list > li:nth-child(2n){ background: #f2f2f2; }

.me-imgs{ width: 50%; float: left; position: relative; overflow: hidden; }
.me-imgs .item{ position: relative; overflow: hidden; }
.mi-a{ display: block; position: relative; color: #fff; }
.mi-a .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 35px 40px 20px 40px; background: url(../images/black.png); }
.mi-a .nowti{ font-size: 16px; font-weight: bold; margin-bottom: 10px; transition: 300ms; max-width: 90%; }
.me-imgs .slick-dots{ position: absolute; left: 30px; right: 30px; bottom: 25px; text-align: right; }
.me-imgs .slick-dots li{ margin: 0 0 0 8px; background: #fff; }

.me-nav{ overflow: hidden; }
.me-nav li{ float: left; padding-left: 20px; position: relative; font-weight: bold; font-size: 18px; color: #333; transition: 300ms; cursor: pointer;  }
.me-nav li:before{ content: ""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 6px; height: 6px; border: 3px solid #999; border-radius: 100%; transition: 300ms; }
.me-nav li + li{ margin-left: 40px; }
.me-nav li.act{ color: #00a7eb; }
.me-nav li.act:before{ border-color: #00a7eb; }

.me-tx{ width: 44%; float: right; }
.mt-list .b a{ padding-right: 80px; display: block; position: relative; line-height: 54px; color: #666; border-bottom: 1px solid #ccc; }
.mt-list .nowti{ line-height: 54px; font-size: 15px; }
.mt-list .date{ position: absolute; top: 0; right: 0; }
.mt-list{ border-top: 1px solid #ccc; }
.mt-list .ia-more{ margin-top: 50px; }
.me-tx .mt-list{ margin-top: 30px; }
.me-tx .mt-list .b{ height: 275px; overflow: hidden; }
.mt-list li{ display: none; }
.sp1{ padding: 80px 0; background: #fff; }

.gr-a{ display: block; color: #fff; position: relative; }
.gr-a .cover{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #00a7eb; background: rgba(223,33,40,.7); opacity: 0; visibility: hidden; transition: 400ms; }
.gr-a .tx{ position: absolute; z-index: 9; margin-top: -30px; margin-top: 0\9; left: 20px; right: 20px; top: 50%; top: 20%\9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; opacity: 0; visibility: hidden; transition: 400ms; }
.gr-list .item2 .gr-a{ width: 50%; float: left; }
.gr-a:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: #f5f5f5; }
.gr-list .item2 .gr-a:before{ content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: #f5f5f5; z-index: 10; }
.gr-list .item2 .tx{ left: 40px; }
.gr-a:hover .cover{ opacity: 1; visibility: visible; }
.gr-a:hover .tx{  margin-top: -10px; margin-top: 0\9; opacity: 1; visibility: visible; } 
.gr-list{ position: relative; }
.gr-list .item{ position: relative; overflow: hidden; }
.gr-list.ph-arrow .slick-arrow{ margin-top: -33px; background-color: #999; }
.gr-list.ph-arrow .slick-prev{ background-position: -46px 0px; }
.gr-list.ph-arrow .slick-next{ background-position: 0 -46px; }

.sp2 .gr-list{ margin-top: 50px; }
.sp2 .see-more{ margin-top: 40px; }
.sp2{ padding: 75px 0 85px 0; }

.sp3{ background: #fff; padding: 75px 0 95px 0; }
.cv-list{ position: relative; }
.cv-list .item{ padding: 0 20px; width: 810px; position: relative; overflow: hidden; }
.video-box .txts{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 5%; color: #fff; background: rgba(0, 0, 0, .5); transition: 400ms;  }
.cv-list .txts{ -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden;  }
.video-box .nowti{ line-height: 56px; text-align: center; }
.cv-list .video-box .bico {margin-top: -87px; opacity: 0; visibility: hidden; }
.cv-list .video-box{ cursor: default; }
.cv-list .video-box:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0.8; filter:Alpha(opacity=80); transition: 400ms; }
.cv-list .slick-center .bico{ margin-top: -27px; opacity: 1; visibility: visible; }
.cv-list .slick-center .txts{ transform: none; opacity: 1; visibility: visible; }
.cv-list .slick-center .video-box:after{ opacity: 0; visibility: hidden; }
.cv-list .slick-center .video-box{ cursor: pointer; }

.cv-handle{ width: 830px; margin: 0 auto; position: relative; }
.cv-handle .item{ width: 25%; float: left; overflow: hidden; position: relative; }
.cv-handle .pic{ margin: 0 10px; cursor: pointer; }
.cv-handle .pic:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 5px solid #00a7eb; border-color: transparent; transition: 400ms; }
.cv-handle.ph-arrow .slick-arrow{ margin-top: -23px; background-color: #999; }
.cv-handle.ph-arrow .slick-prev{ background-position: -46px 0px; }
.cv-handle.ph-arrow .slick-next{ background-position: 0 -46px; }
.cv-handle .pic.act:after{ border-color: #00a7eb; }
.sp3 .cv-handle{ margin-top: 25px; }
.slick-disabled{ background-color: #ccc !important; cursor: default !important; }
.slick-disabled.slick-prev{ background-position: -46px 0px !important; }
.slick-disabled.slick-next{ background-position: 0 -46px !important; }
.sp3 .cv-list{ margin-top: 40px; }
.sp3 .ia-more{ margin-top: 50px; text-align: center; }

.cm-list{ position: relative; overflow: hidden; }
.cm-list .item{ width: 16.66%; float: left; }
.cm-list .pic{ margin: 6px; transition: 400ms; }
.cm-list .slick-dots{ margin-top: 35px; }
.sp4 .cm-list{ margin-top: 50px; }
.sp4{ padding: 85px 0 70px 0; }

.pnav .home{ padding-left: 70px; text-align: left; }
.pnav .home:after{ content: ""; position: absolute; left: 35px; top: 50%; margin-top: -10px; width: 21px; height: 21px; background: url(../images/ab_aw2.png) no-repeat; }
.pnav .home:hover:after{ background-position: right top; }
.nw1 .mt-list{ margin-bottom: 60px; }

.it-list li{ width: 25%; float: left; margin-bottom: 20px; }
.it-list .gr-a:after{ display: none; }
.it-list .gr-a{ margin-left: 20px; }
.it-list{ margin-left: -20px; }
.it-list .gr-a .tx {margin-top: -20px; }
.it-list .gr-a:hover .tx{  margin-top: 0; }

.hv-list li{ width: 50%; float: left; margin-bottom: 30px; }
.hv-list .video-box{ margin-left: 30px; }
.hv-list{ margin-left: -30px; }
.cog2 .hv-list{ margin-bottom: 25px; }

.teac-list { margin-bottom: 20px; margin-left: -40px; }
.teac-list li { float: left; width: 33.33%; margin-bottom: 40px; }
.teac-a { display: block; position: relative; margin-left: 40px; color: #fff; }
.teac-a .nowti { position: absolute; right: 0; bottom: 0; left: 0; font-size: 18px; line-height: 50px; text-align: center; background: url(../images/black.png); background: rgba(0,0,0,.5) transition: 400ms; }

.ly-box > .close { display: block; position: absolute; z-index: 199; top: 25px; right: 25px; width: 24px; height: 25px; background: url(../images/close_ico2.png) no-repeat; }
.atlas { overflow: hidden; position: relative; height: 100%; }
.atlas .item { overflow: hidden; position: relative; }
.atlas .ig { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto; vertical-align: middle; }
.atlas .slick-arrow { position: absolute; z-index: 99; top: 50%; width: 44px; height: 100px; margin-top: -51px; border: 1px solid #646464; border-radius: 5px; background: url(../images/pic_i1.png) no-repeat center center #1d1c1b; }
.atlas .slick-prev { left: 2%; }
.atlas .slick-next { right: 2%; background-image: url(../images/pic_i2.png); }
@media screen and (min-width:1025px) {
	.atlas .slick-arrow:hover { border-color: #00a7eb; }
	.atlas .slick-prev:hover { background-image: url(../images/pic_i11.png); }
	.atlas .slick-next:hover { background-image: url(../images/pic_i22.png); }
	.ly-box > .close:hover { background-image: url(../images/close_ico22.png); }
	.cog-nw-list a:hover{ background: #00a7eb; color: #fff; }
	.cog-nw-list a:hover .pic:after{ border-color: #00a7eb; }
	.teac-a:hover .nowti{ background: #00a7eb; } 
}
@media screen and (max-width:481px) {
	.atlas .slick-prev { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(0.8); transform: scale(0.8); }
	.atlas .slick-next { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0.8); transform: scale(0.8); }
	.ly-box > .close { -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0.7); transform: scale(0.7); }
	.ly-box > .close { top: 15px; right: 15px; }
}
.cg-s .slick-current .pic img ,
.cg-s .slick-current .pic2 img { animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.pro-banner .item{ overflow: hidden; position: relative; }
.pro-banner .slick-dots{ position: absolute; z-index: 100; bottom: 25px; left: 50%; margin-left: -600px; }
.pro-banner .slick-dots li{ background: #fff; margin: 0 12px 0 0; }
@media screen and (max-width:1366px) {
.pro-banner .slick-dots{ margin-left: -500px; }
}
@media screen and (max-width:1024px){
.pro-banner .slick-dots{ left: 5%; margin: 0; }
}
@media screen and (max-width:481px){
.pro-banner .slick-dots{ bottom: 10px; }
}
.pbanner-slick .item, .pbanner-slick { position: relative; overflow: hidden; }
.pbanner-slick .slick-dots{ position: absolute; z-index: 100; left: 0; right: 0; bottom: 5%; }
.pbanner-slick .slick-dots li{ background: #fff; }
.pbanner-slick:after{ display: none; }
.pbanner .pic:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/black.png'); background: rgba(0, 0, 0, .2); }
.pbanner .pic img{ transition: 0ms; -webkit-transition: 0ms; }
@media screen and (max-width:641px){
.pbanner .pic img{ height: 100%; object-fit: cover; }
}
.pi-img-list .item{ overflow: hidden; }
.station-list .video-box .txts{ height: auto; }
.station-list .video-box .nowti{ margin-top: 0; line-height: 46px; }
/*.campus-tx .campus-more{ display: none; }*/
/* 20181106 */
.pro-banner .pic2 .m { display: none; }
@media screen and (max-width:641px) {
.pro-banner .pic2 img { display: none; }
.pro-banner .pic2 .m { display: block; }
}