/** { font-family:"Regular","Hiragino Sans GB","SimHei", Arial, "Helvetica Neue", Helvetica, sans-serif; }*/

* { font-family:"SimHei","SimHei", Arial, Helvetica, sans-serif; }

/*body.isie * { font-family: 'SimHei' !important; }*/

.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }

.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all;hyphens:auto }

.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.defaultstyle,.df { position: relative; margin: 0; padding:0; }

abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }

body {margin: 0; padding: 0;color: #7f7f7f; font-size: 16px;line-height: 20px;border: 0; background: #e9eef2 url("../images/body-bg.jpg") no-repeat bottom right; background-attachment: fixed; }

.gobal_bg { position: fixed; z-index: 0; top: 0px; left: 0;right: 0; bottom: 0; overflow: hidden; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; }

.ovh { overflow: hidden; }

dl ,dt, dd { display: block; }

/*CSShack*/

body{ min-width: 1200px\9;  }

@media screen and (min-height: -width: 0px) {

	body { overflow-x: hidden; }

}

.nodisplay{display:none;}

.maxsize { margin-left: auto; margin-right: auto; }

@media all and (min-width: 0px) {body { min-width: auto; }}

.vcenter { position: absolute; top: 0; bottom: 0; width: 100%; left: 0; }

.tb { display: table;height: 100%;width: 100%; } 					.tb-c { display: table-cell;vertical-align: middle; }

a { text-decoration: none;color: #666; } 							ul,dl,dt,dd { list-style: none;margin: 0;padding: 0; }

input:focus , select:focus , textarea:focus { outline: none; } 		img {width: 190px; height: auto; border: 0; margin-top: -7px;} 

h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.2; }  		table { border-collapse: collapse; }

.table { overflow: hidden; } 		.table .tr { overflow: hidden; } 	.table .tr .td , .table .tr .th { float: left; }

.hide { display: none; } 			.block { display: block; } 			.inb { display: inline-block; }

.posr { position: relative; } 		.posa { position: absolute; } 		.poss { position: static; }

.row { overflow: hidden; } 		.row .fl { float: left; } 				.cl { clear: both; } 

.tal { text-align: left; } 			.tac { text-align: center; } 			.tar { text-align: right; }

.row .md1 { width: 8.3333%; } 	.row .md2 { width: 16.6666%; } 	.row .md3 { width: 25%; }

.row .md4 { width: 33.3333%; } 	.row .md5 { width: 41.6666%; } 	.row .md6 { width: 50%; }

.row .md7 { width: 58.3333%; } 	.row .md8 { width: 66.6666%; } 	.row .md9 { width: 75%; }

.row .md10 { width: 83.3333%; } 	.row .md11 { width: 91.6666%; } 	.row .md12 { width: 100%; }

.row .mp0 { margin: 0 !important; padding: 0 !important; }

.row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6,

.row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .dv { float: left; }

input[type="text"], input[type="password"],input[type="button"], input[type="submit"],

select , textarea { -webkit-appearance: none; margin: 0; padding: 0; border: 0;} 

input::-webkit-input-placeholder { color: #aaa !important;}

input:-moz-placeholder {color: #aaa !important;}

input::-moz-placeholder {color: #aaa !important;}

input:-ms-input-placeholder {color: #aaa !important;}



a { cursor: pointer !important;text-decoration:none; }

.fontstyle { -webkit-background-clip: text;  }

.fillbg { background-size: auto 100%\9; background-size: cover; }

.maxsize { max-width: 1200px; }

.top { top: 0; } .left { left: 0; } .right { right: 0; } .bottom { bottom: 0; } .fill { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .middle { top: 50%; } .center { left: 50%; }

/*.bian { -webkit-transform: scale(1,.8);-moz-transform: scale(1,.8);-o-transform: scale(1,.8);-ms-transform: scale(1,.8);transform: scale(1,.8); }

.bian2 { -webkit-transform: scale(1,.9);-moz-transform: scale(1,.9);-o-transform: scale(1,.9);-ms-transform: scale(1,.9);transform: scale(1,.9); }*/

.fs-20 { font-size: 20px; } .fs-18 { font-size: 18px; } .fs-16 { font-size: 16px; } .fs-14 { font-size: 16px; } .fs-12 { font-size: 14px; } .fs-22 { font-size: 22px; } .fs-24 { font-size: 24px; } .fs-28 { font-size: 28px; } .fs-30 { font-size: 30px; } .fs-32 { font-size: 32px; } .fs-34 { font-size: 34px; } .fs-36 { font-size: 36px; } .fs-38 { font-size: 38px; } .fs-40 { font-size: 40px; }

.lh-1 { line-height: 1; } .lh-2 { line-height: 2; } .lh-3 { line-height: 3; }

.lh-20 { line-height: 20px; } .lh-22 { line-height: 22px; } .lh-24 { line-height: 24px; }

.jianbian { color: rgb(197, 85, 210); }



:root .jianbian {background: none\9;}



/*公共样式*/





/*字体引入*/

.iconfont{

	font-family:"iconfont" !important;

	font-size:16px;font-style:normal;

	-webkit-font-smoothing: antialiased;

	/*-webkit-text-stroke-width: 0.2px;*/

	-moz-osx-font-smoothing: grayscale;

}

@font-face {

  font-family: 'iconfont';  /* project id 134195 */

    src: url("../../../at.alicdn.com/t/font_134195_trl3u2gyhdk.eot");

    src: url("../../../at.alicdn.com/t/font_134195_trl3u2gyhdk.eot-#iefix") format('embedded-opentype'),

    url("../../../at.alicdn.com/t/font_134195_trl3u2gyhdk.woff2") format('woff2'),

    url("../../../at.alicdn.com/t/font_134195_trl3u2gyhdk.woff") format('woff'),

    url("../../../at.alicdn.com/t/font_134195_trl3u2gyhdk.ttf") format('truetype'),

    url("../../../at.alicdn.com/t/font_134195_trl3u2gyhdk.svg#iconfont") format('svg');

}

                    



@font-face {font-family: 'Regular';

	src: url("../../../at.alicdn.com/t/wu95i7dve8doyldi.eot"); 

	src: url("../../../at.alicdn.com/t/wu95i7dve8doyldi.eot-#iefix") format('embedded-opentype'),

	url("../../../at.alicdn.com/t/wu95i7dve8doyldi.woff") format('woff'), 

	url("../../../at.alicdn.com/t/wu95i7dve8doyldi.ttf") format('truetype'), 

	url("../../../at.alicdn.com/t/wu95i7dve8doyldi.svg#NotoSansHans-DemiLight") format('svg'); 

}

@font-face { font-family: 'Light';

	src: url("../../../at.alicdn.com/t/3859wll0ylo6flxr.eot");

	src: url("../../../at.alicdn.com/t/3859wll0ylo6flxr.eot-#iefix") format('embedded-opentype'),

	url("../../../at.alicdn.com/t/3859wll0ylo6flxr.woff") format('woff'), 

	url("../../../at.alicdn.com/t/3859wll0ylo6flxr.ttf") format('truetype'), 

	url("../../../at.alicdn.com/t/3859wll0ylo6flxr.svg#思源黑体-极细") format('svg');

}



   

                    

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; width: 14%;margin-top:1.3%;margin-left: 11%;}

/*.header.index.fixed { background: url("../images/hover50.png") repeat 0 0; }*/

.header:after { content: '';display: block; clear: both; }

.header .logo { /*padding: 35px 0;*/ height: 70px; display: inline-block; float: left; }

.header .lang { float: left; display: inline-block; padding: 20px 10px; margin-left: 15px; }

.header .lang a { display: inline-block; color: #ddd; line-height: 70px; padding: 0 10px;}

.header .lang a.active { color: #fff; font-size: 15px; }

.header.fixed .lang { padding: 0 10px; }

@media screen and (max-width: 480px) {

	.header .lang { display: none; }

}

.header .logo img { max-height: 100%; }

.header .menubtn { width: 330px; background: url("../images/gobal-menu-bg.png") repeat-y 0 0; background-size: 100% auto; position: absolute; top: 0; right: 0; z-index: 1000; font-size: 18px;margin-top: -81px}

.header .menubtn .inb { width: 25px; }

.header .menubtn  i { display: block; height: 3px; border-radius: 2px; background: #fff; margin-bottom: 4px; }



.header .menubtn .con { padding: 25px 65px; color: #fff; cursor: pointer; }

.header .menulist { background: url("../images/gobal-menu-bg.png") repeat-y 0 0; background-size: 100% auto; width: 330px;padding: 50px 0; position: absolute; top: 0; right: 0;}

.header .menulist>li>a { color: #fff; display: block; line-height: 36px; font-size: 17px; /*-webkit-transform: scale(1,.8);-moz-transform: scale(1,.8);-o-transform: scale(1,.8);-ms-transform: scale(1,.8);transform: scale(1,.8);*/transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; padding: 0 65px;}

.header .menulist>li:hover>a ,

.header .menulist>li.active>a { opacity: 1; }

.header .menulist .sub { padding: 15px 65px; background: #237bad; position: relative; display: none; }

.header .menulist .sub:before { content: '';width: 1px; height: 100%; background: #5f9fc3; position: absolute; top: 0; left: 85px; }

.header .menulist .sub li { margin-left: 20px; padding-left: 20px; position: relative; }

.header .menulist .sub li:before { content: '';display: block; width: 6px; height: 6px; background: #fff; border-radius: 100%; position: absolute; top: 50%; margin-top: -3px; left: -3px; }

.header .menulist .sub li a { display: block; color: #fff\9;color: rgba(255,255,255,.6); font-size: 16px; line-height: 1; padding: 10px 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.header .menulist .sub li a:hover { color: #fff; }

.header .animate { transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; }

.header.fixed .logo {/*padding: 15px 0;*/ }

.header.fixed .menubtn {margin-top: 0;}

.header.fixed .menulist {transform:translateY(-100%);-webkit-transform:translateY(-100%);}

.isie .header.fixed .menulist {display: none;}



.index_banner { position: relative; z-index: 9;overflow: hidden; }

.index_banner .videobg {/* position: absolute;*/ top: 0; left:0; right: 0; bottom: 0; z-index: 1; }

.index_banner .videobg video { width: 100%; height: 100%; }

.index_banner .slides { position: relative; z-index: 2; }

.index_banner li { position: relative; overflow: hidden; z-index: 3; }

.index_banner li .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out; background-size: cover; background-repeat: no-repeat; background-position: center center; display: none; }

.index_banner li.active .bg { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }

.index_banner li .maxsize { height: 100%; position: relative; }

.index_banner li .text { position: absolute; color: #fff; top: 50%; margin-top: -60px; }

.index_banner li .text .animated { display: none; }

.index_banner li .text h1 { font-size: 60px; line-height: 1.2; font-weight: normal; }

.index_banner li .text p { margin-top: 20px; font-size: 16px; }

.index_banner .bx-controls { left: 0; right: 0; max-width: 1370px; margin: 0 auto; position: absolute; top:50%; z-index: 3; display: none; }

.index_banner .bx-controls .bx-pager { margin-top: 30px; }

.index_banner .bx-controls .bx-pager .bx-pager-item{ display: inline-block; }

.index_banner .bx-controls .bx-pager .bx-pager-item a { display: inline-block; margin-right: 20px; text-indent: -9999px; height: 15px; width: 15px; border-radius: 100%; background: rgba(255,255,255,0.4); }

.index_banner .bx-controls .bx-pager .bx-pager-item a.active { background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%); background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); background: linear-gradient(to right,  rgba(185,11,180,1) 0%,rgba(216,130,226,1) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ); }

/*.index_product,.index_about,.footer .sitemap { background: #fff; }*/



.index_about { padding-top: 50px;position: relative; z-index: 9; }

.index_about .title { border: 1px solid #AB4CB9;  max-width: 200px; margin-left: 100px; position: relative;}

.index_about .title:after { 

	content: '';display: inline-block; 

	position: absolute; bottom: 25px; 

	left: 75px; right: 75px; height: 3px;

	background: rgb(41,144,204); background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%); 

	background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); 

	background: linear-gradient(to right,  rgba(181,7,224,1) 0%,rgba(222,155,239,1) 64%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ); 

}

.index_about .title .main { position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -30px; }

.index_about .title .main h1 { font-weight: 900; }

.index_about .md6 .con { padding: 30px; }

.index_about .md6 p { line-height: 28px; font-size: 16px; color: #6b6b6b; }

.index_about .md3 .con { box-shadow: 0 5px 10px rgba(0,0,0,0.2); margin: 10px; margin-top: 0; }

.index_about .md3 .con img { height:210px; }



.index_product { padding: 60px 0; position: relative; z-index: 9;}

.index_product .title { text-align: center; position: relative; padding-bottom: 30px; }

.index_product .title:after { 

	content: '';position: absolute; bottom: 0; 

	left: 50%; display: block; height: 3px;  

	background: rgb(41,144,204); 

	background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%); 

	background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); 

	background: linear-gradient(to right,  rgba(63,72,204,1) 0%,rgba(79,90,255,1) 64%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ); 

	width: 50px; margin: 0 -30px; 

}

.index_product .title .main { border: 1px solid #3F48CC; border-bottom: 0; padding: 0px 130px; position: relative; }

.index_product .title .main:before { content: '';height: 1px; width: 120px; position: absolute; bottom: 0; left: 0; background: #3F48CC; }

.index_product .title .main:after { content: '';height: 1px; width: 120px; position: absolute; bottom: 0; right: 0;background: #3F48CC; }

.index_product .title .main h1 { line-height: 50px; font-size: 28px;transform:translateY(50%);-webkit-transform:translateY(50%); }

.index_product .title p { margin-top: 25px; color: #7f7f7f; font-size: 15px; }

.index_product .row { padding: 30px 0; }

.index_product .con { background: #666; margin: 2px; overflow: hidden; position: relative; color:#fff; box-shadow: 0 5px 10px rgba(0,0,0,.2);}

.index_product .md4 .con:before { content: '';position: absolute; top: 0;left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); opacity: 0;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; z-index: 9;}

.index_product .md4 .con:hover:before { opacity: .3; }

.index_product .con>img { width: 100%; min-height: 100%; }

.index_product.notie .con>img {  transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); }

.index_product.notie .md4 .con:hover>img,.index_product.notie .md2.active .con>img { -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); -webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-ms-filter: grayscale(50%);-o-filter: grayscale(50%);filter: grayscale(50%);filter: gray; }

.index_product .con .vcenter { background: url("../images/hover40.png") repeat 0 0; text-align: center;z-index: 10; opacity: 0; visibility: none; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }

.index_product .con .stillshow { opacity: 1; background: none;   }

.index_product .md2 .con .vcenter { visibility: visible; opacity: 1; background: none; }

.index_product .con:hover .vcenter { visibility: visible; opacity: 1; }

.index_product .con .vcenter .iconfont { display: block; font-size: 55px; line-height: 1; margin-bottom: 5px; }

.index_product .con .vcenter h3 { font-weight: normal;font-size: 16px; }



.index_news { background: #fff url("../images/index_bg0.jpg") no-repeat center center; background-size: cover; padding: 30px 0;position: relative; z-index: 9; }

.index_news .title { text-align: center; margin-bottom: 50px;}

.index_news .title .main {  

	display: inline-block; 

	border: 1px solid #003198; 

	/*border-left: 0;*/ position:relative;

	padding: 40px 20px; 

	text-align: left; width: 300px;height: 30px;}

.index_news .title .main:before { content: '';display: inline-block; top: 0; left:0;width: 5px; height: 55px; background: #fff; position: absolute; }

.index_news .title .main:after { content: '';display: inline-block; bottom: 0; left: 0;width: 5px; height: 55px; background: #fff; position: absolute; }

.index_news .title .main h1,

/*.index_news .title .main p { transform:translateX(-40%);-webkit-transform:translateX(-40%); margin-left: -40px\9; padding-right: 50px\9;}*/

.index_news .title h1 {

	font-size: 26px;font-weight: 900; text-align:center;

	margin-top: 10px;margin-left:50px; }

.index_news .title p { font-weight: bold;font-size: 16px; color: #999; margin-top: 5px; }

.index_news .item { width: 100%; max-width: 1600px; margin: auto;}

.index_news .item .con1 { display: flex; align-items: flex-start;  margin-bottom: 40px; }
.index_news .item .con1  .con11 { display: flex; flex-direction: column; justify-content: center; align-items: flex-start;  margin-bottom: 20px; }
.index_news .item .con1  .image { flex: 0 0 468px; width: 468px; height: 243px; margin-left: 50px;background-size: cover;background-position: center center;}
.index_news .item .con1  .tit1 { color: #003198; text-align: left; font-size: 32px; margin-left: 50px; margin-right: 50px;  flex: 1;}
.index_news .item .con1  .dat1 { color: #003198;  text-align: left;  flex: 0 1 10px;margin-left: 50px;   }

.index_news .item .con2 { display: flex; justify-content: space-between; align-items: left; padding-left: 50px; padding-right: 50px;  }
.index_news .item .con2  .tit2 { color: #003198; text-align: left; font-size: 16px; margin-right: 10px; }

.index_news .item .con2  .dat2 { color: #003198;  text-align: right;  flex: 0 1 150px;  }

.index_news .item .date h3 { font-size: 18px; }

.index_news .item .date h4 { font-size: 16px; }

.index_news .item .con h1 { color: #003198; font-size: 17px; line-height: 24px; height: 24px; }

.index_news .item .con:hover h1 { color: #003198;font-size: 18px; line-height: 24px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.index_news .item .con h2 { color: #003198; font-size: 18px; margin: 0; text-align: left;}

.index_news .item .con:hover .face { background-size: auto 105% !important; }

.index_news .item .con .face { margin-top: 30px; background-position: center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; background-size: auto 100% !important; }



.footer { z-index: 9;position: relative; }

.footer .sitemap { overflow: hidden;color: #778089; padding: 50px 0; padding-top: 50px; }

.footer .sitemap dl { width: 16.6666%; float: left; text-align: center; }

.footer .sitemap dl a { color: #778089; position: relative; display: inline-block; width: 92px; text-align: left;}

.en .footer .maxsize dl:first-of-type { margin-left: 16.666%; }

.footer .sitemap dl a:hover { color: #992DA2; }

/*.footer .sitemap dl a:after { content: '';display: block; width: 0; height: 1px; background: #778089;position: absolute; bottom: 0px; left: 0; }*/

/*.footer .sitemap dl a:hover:after { width: 100%; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out; }*/

/*.footer .sitemap dl a:hover { color: #27c5ff; }*/

.footer .sitemap dt { font-weight: bold; font-size: 15px; margin-bottom: 20px;}

.footer .sitemap dd { font-size: 14px; line-height: 22px;}

.footer .copyright { overflow: hidden;background: #1a1a1a; color: #999;padding: 20px 0; }

.footer .copyright .tal { display: inline-block; line-height: 30px; font-size: 14px; }

.footer .copyright .tal a { color: #27c5ff;  }

.footer .copyright .tar a { color: #cfd2d6; }

.footer .copyright .tar .sns li { display: inline-block; padding: 0 5px; }

.footer .copyright .tar .sns li a { line-height: 30px; display: block; }

.footer .copyright .tar .sns li a:hover { color: #27c5ff; }

.footer .copyright .tar .sns li a .iconfont { font-size: 25px; }

@media screen and (max-width: 480px) {

	.index_news .title h1 { font-size: 20px; }

}

/*UI kits*/

/*0. gobal*/

.slogan { position: relative; background-size: auto 100%\9; background-size: cover; background-position: top center; color: #fff; height: 580px; text-align: center;}

.slogan .maxsize { /*position: absolute; top: 0; bottom: 0; left: 0; right: 0; */ display: inline-block; width: 100%; height: 100%; position: relative;}

.slogan h1 { position: absolute; top: 50%; left: 0; font-weight: normal; font-size: 66px; line-height: 66px; margin-top: -66px;  font-family: 'Light','SimHei','SimHei'; text-shadow: 0 3px 5px rgba(0,0,0,.3); }

.slogan .breadcrumb { position: absolute; bottom: 80px; overflow: hidden; left: 0;}

.slogan .breadcrumb li { float: left; position: relative; }

.slogan .breadcrumb li:after { content: '\e60b';font-family: 'iconfont'; position: absolute; top: 0; right: -15px; width: 30px; text-align: center; display: inline-block; line-height: 35px; font-size: 15px; color: #ffffff; }

.slogan .breadcrumb li:last-of-type:after { display: none; }

.slogan .breadcrumb li a { display: block; color: rgba(255,255,255,0.6);color: #fff\9; line-height: 40px; padding: 0 26px; font-size: 14px; font-family: 'Regular','SimHei','SimHei'; }

.slogan .breadcrumb li:last-of-type a { font-size: 16px; color: #fff; }

.slogan .breadcrumb li:hover a { color: #fff; }

	.slogan.fixed { height: 71px; position: fixed; z-index: 9; width: 100%; top: 0; left: 0; text-align: center;}

	.slogan.fixed h1 { opacity: 0; }

	.isie .slogan.fixed h1  { display: none; }

	.slogan.fixed .breadcrumb { bottom: 15px; left: 300px; display: none;}

	.sloganHeight.fixed { height: 580px; }

	.isie .sloganHeight.fixed { height: 140px; }





.uikit { position: relative; overflow: hidden; }

section.uikit { margin: 0 60px; padding: 40px 0; }

section.uikit.fullkit { margin: 0; }

.uikit .title { color: #992DA2; font-size: 40px; display: inline-block; position: relative;/*-webkit-transform: scale(1,.85);-moz-transform: scale(1,.85);-o-transform: scale(1,.85);-ms-transform: scale(1,.85);transform: scale(1,.85);*/}

.uikit .title span { font-size: 20px; }

.uikit sub.subtitle { color: #7f7f7f; font-size: 14px;  display: block; }

.uikit .title:after { content: '';position: absolute; left: 100%; margin-left: 50px; height: 1px; width: 9999px; background: #d4e9f5; top: 50%; }

.uikit .title.noafter:after { display: none; }



.uikit_gotop { /*background: #7f7f7f; */background: url("../images/hover50.png") repeat 0 0; }

.uikit_gotop a { display: block; line-height: 40px; font-size: 16px;  font-weight: normal; color: #fff; text-align: center; }





/*1. navbtn*/

.uikit_navbtn { position: relative; margin-top: -70px; }

.uikit_navbtn li { float: left; text-align: center;background-color: #fff;background-size: auto 100%\9; background-position: top center; background-size: cover; background-repeat: no-repeat;}

.uikit_navbtn li a { line-height: 110px; font-size: 16px;  font-family: 'Light','SimHei','SimHei';; display: block; border-bottom: 1px solid #dfe5e9; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}

.uikit_navbtn li a font {  font-family: 'SimHei','SimHei';; display: block; }

.uikit_navbtn li:hover,

.uikit_navbtn li.active { margin-top: -10px; }

.uikit_navbtn li.active { background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%) !important; background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%) !important; background: linear-gradient(to right,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ) !important; box-shadow: 0 5px 15px rgba(0,0,0,.15);}

.uikit_navbtn li:hover a,

.uikit_navbtn li.active a { line-height: 120px;}

.uikit_navbtn li.active a { color: #fff; font-size: 18px; font-family: 'Regular','SimHei','SimHei'; }



.uikit_navbtn.type1 li { width: 33.333%; }

.uikit_navbtn.type2 li { width: 50%; }

.uikit_navbtn.type3 li { width: 16.666%; }

	.uikit_navbtn.type3 li a { line-height: 1; padding: 20px 0; border-bottom: 0;position: relative; }

	.uikit_navbtn.type3 li a:after { content: ''; height: 30px; margin-top: -15px; top: 50%; position: absolute; right: 0; width: 1px; background: #d4e9f5; }

	.uikit_navbtn.type3 li.active a:after { display: none; }

	.uikit_navbtn.type3 li:last-of-type a:after { display: none; }

	.uikit_navbtn.type3 li:hover a,

	.uikit_navbtn.type3 li.active a { padding: 25px 0; }

	.uikit_navbtn.type3 li a .iconfont { display: inline-block;font-size: 40px; margin-bottom: 10px; color: rgb(41,144,204);}

	

	.uikit_navbtn.type3 li.active a .iconfont { color: #fff;-webkit-background-clip: none;-webkit-text-fill-color: #fff; }

.uikit_navbtn .sub { border-bottom: 1px solid #dfe5e9; padding: 48px 50px; clear: both; }

.uikit_navbtn .sub a { color: #7f7f7f; margin-right: 40px; line-height: 16px; }

.uikit_navbtn .sub a.active { font-size: 16px; font-weight: 900; color: #2991cc; }



/*2. uikitnews*/

.uikit_news { position: relative; }

	/*pagers*/

	.uikit_news .pager { text-align: center;color:#cacaca; }

	.uikit_news .pager li { display: inline-block; }

	.uikit_news .pager li.grey.clip { -webkit-text-fill-color: inherit; color: #9a9a9a; background: none; }

	.uikit_news .pager li a { display: block; font-size:16px; font-weight: normal;color:#cacaca;  line-height: 30px; padding: 0 5px;}

	.uikit_news .pager li a.active,

	.uikit_news .pager li a:hover { color: #45bbde; }



.uikit_news.typeMain .latest_news { padding: 0 100px; position: relative; }

.uikit_news.typeMain .latest_news section { position: relative;height: 400px; display: none; }

.uikit_news.typeMain .latest_news section.active { display: block; }

.uikit_news.typeMain .latest_news section.temp { position: absolute }

.uikit_news.typeMain .latest_news .face { width: 530px; height: 300px; background-size: auto 100%\9; background-size: cover; background-position: bottom right; position: absolute; top: 50px; box-shadow: 0 10px 20px rgba(0,0,0,.2);background-repeat: no-repeat; }

.ie .uikit_news.typeMain .latest_news .face {background-size: 100% auto; }

.uikit_news.typeMain .latest_news .face .date { position: absolute; background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%); background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); background: linear-gradient(to right,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ); color: #fff; width: 60px; height: 60px; text-align: center; line-height: 30px; padding: 10px; font-size: 18px; right: -40px; bottom: -40px; }

.uikit_news.typeMain .latest_news .text { padding-left: 630px; padding-top: 100px; }

.uikit_news.typeMain .latest_news .text h1 { color: #255d7f;font-size: 20px; line-height: 25px; margin-bottom: 10px; height: 50px; overflow: hidden; }

.uikit_news.typeMain .latest_news .text p { color: #7f7f7f; font-size: 13px; line-height: 22px;  height: 88px; overflow: hidden; }

	/*interactBtns*/

	.uikit_news.typeMain .latest_news ul { position: absolute; bottom: 130px; left: 730px;}

	.uikit_news.typeMain .latest_news ul li { display: inline-block;margin-right: 10px; }

	.uikit_news.typeMain .latest_news ul li a { display: block; width: 6px; height: 6px;background: #d9d9d9; text-indent: -9999px; overflow: hidden; }

	.uikit_news.typeMain .latest_news ul li.active a { background: #2c95ce; padding: 1px;margin: -1px; }

	.uikit_news.typeMain .latest_news .arrows .arrow { position: absolute; top: 50%; margin-top: -15px; }

	.uikit_news.typeMain .latest_news .arrows .arrow.prev { left: 30px; }

	.uikit_news.typeMain .latest_news .arrows .arrow.next { right: 30px; }

	.uikit_news.typeMain .latest_news .arrows .arrow .iconfont { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 30px; }

	.uikit_news.typeMain .latest_news .arrows .arrow:hover .iconfont { color: #164894; }



.uikit_news.typeList .newslist { padding: 50px 100px; position: relative; }

.uikit_news.typeList .newslist li { padding: 15px 65px; position: relative; }

.uikit_news.typeList .newslist li:before { content: ''; display: block; width: 8px; height: 8px; background: #d9d9d9; position: absolute; top: 50%; margin-top: -4px; left: 30px; }

.uikit_news.typeList .newslist li:hover { box-shadow: 0 5px 20px rgba(0,0,0,.15);transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px); }

.uikit_news.typeList .newslist li:hover:before { background: #2c95ce; }

.uikit_news.typeList .newslist li h1 { color: #255d7f; font-size: 16px; margin-bottom: 10px;}

.uikit_news.typeList .newslist li p { color: #b0beca; line-height: 24px; font-size: 16px;  padding-right: 100px; }

.uikit_news.typeList .newslist li em { color: #255d7f; font-weight: normal; font-style: 14px; line-height: 24px; position: absolute; top: 50%; margin-top: -12px; right: 30px; }





.uikit_news.typeDetial .newsDetial { margin: 0 100px; padding: 50px 0; border-bottom: 1px solid #d4e9f5; }

.uikit_news.typeDetial .newsDetial h1 { font-size: 24px; font-weight: normal; color: #2c96ce; line-height: 1.5; margin-bottom: 10px; }

.uikit_news.typeDetial .newsDetial em { font-style: normal; font-weight: normal; color: #b6c3cd;font-size: 18px; display: block; margin-bottom: 30px; }

.uikit_news.typeDetial .newsDetial p { font-size: 16px; line-height: 2;  color: #7f7f7f; margin: 14px 0; }

.uikit_news.typeDetial .otherNews { width: 100%; margin: 20px 0; }

.uikit_news.typeDetial .otherNews th { width: 100px; font-size: 20px; color:#255d7f; font-weight: 900; text-align: left; }

.uikit_news.typeDetial .otherNews td a { font-size: 16px; color: #838383; }

.uikit_news.typeDetial .otherNews td a:hover { color: #2c96cf; }

.uikit_news.typeDetial .otherNews th,.uikit_news.typeDetial .otherNews td { padding: 10px 0; }



.uikit_investor dl { overflow: hidden; margin: 0 50px; padding: 50px 0; }

.uikit_investor dl dd { float: left; width: 50%; }

.uikit_investor dl dd .face { margin: 30px; background-size: cover; }

.uikit_investor dl dd .face .text { color: #fff; background: url("../images/investor_face_hover.png"); background-repeat: no-repeat; padding: 35px 60px; background-size: 100% 100%; }

.uikit_investor dl dd .face .text h1 { font-size: 18px; font-weight: normal; margin-bottom: 10px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}

.uikit_investor dl dd .face .text a { border: 1px solid #fff; color: #fff; display: inline-block; line-height: 22px; font-size: 16px;  border-color: rgba(255,255,255,.5); border-radius: 22px;  padding: 0 22px; padding-top: 2px; position: relative; padding-right: 30px; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out;}

.uikit_investor dl dd .face .text a:before { content: '\e60d';font-family: 'iconfont'; color: #fff; position: absolute; top: 1px; right: 10px; display: block; line-height: 22px; font-size: 14px; font-style: normal; margin-top: 2px; width: 20px; text-align: center; }

.uikit_investor dl dd .face .text a:after { content: '';background: #fff; display: block; width: 0; height: 1px; position: absolute; top: 50%; right: 20px; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }

.uikit_investor dl dd .face:hover .text a { padding-right: 60px; }

.uikit_investor dl dd .face:hover .text a:after { width: 30px; }

.uikit_investor dl dd p { margin: 30px; color: #92aebf; line-height: 28px; font-size: 16px;  height: 112px; overflow: hidden;}



.uikit_contact dl { overflow: hidden; margin:  0 50px; padding: 20px 0; padding-bottom: 0;}

.uikit_contact dl dd { width: 50%; float: left; }

.uikit_contact dl dd .con { padding: 20px; }

.uikit_contact dl dd .con h2 { color: #0069d2; font-size: 18px; line-height: 28px;border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; }

.uikit_contact dl dd table { width: 100%; margin-top: 10px; }

.uikit_contact dl dd table th,

.uikit_contact dl dd table td { padding: 15px 10px; text-align: left;position: relative; color: #000; font-weight: normal; }

.uikit_contact dl dd table td { color: #7f7f7f; }

.uikit_contact dl dd table th { padding-left: 50px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; width: 60px; }

.uikit_contact dl dd table th .iconfont { font-size: 25px; position: absolute; top: 15px; left: 10px; color: #b2b2b2; }



.uikit_table .hengTable { display: table; width: 100%; position: relative; box-shadow: 0 5px 30px rgba(0,0,0,.1);  }

.uikit_table .hengTable:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 24px;background: #0069cf; background: -moz-linear-gradient(left,  #0069d2 0%,#00c3e5 50%, #24b84c 100%); background: -webkit-linear-gradient(left,  #0069d2 0%,#00c3e5 50%, #24b84c 100%); background: linear-gradient(to right,  #0069d2 0%,#00c3e5 50%, #24b84c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069d2', endColorstr='#24b84c',GradientType=1 ); background-size: 100%; background-repeat: no-repeat; z-index: 0; box-shadow: 0 5px 20px rgba(0,0,0,.2); }

	.uikit_table .hengTable .tr { display: table-row; }

	.uikit_table .hengTable .th ,

	.uikit_table .hengTable .td { display: table-cell; float: none; text-align: center; }

	.uikit_table .hengTable .th span { display: block; line-height: 24px; border-right: 1px solid #fff; position: relative; z-index: 9; padding: 0 15px;}

	.uikit_table .hengTable .td { padding: 32px 15px;  background: #f0fbfd; border-bottom: 1px dashed #a9b3c0; }

	.uikit_table .hengTable .td span { display: block; color: #255d7f; font-size: 16px; line-height: 24px; }

	.uikit_table .hengTable .tr:last-of-type .td { border-bottom: 0; }

	.uikit_table .hengTable .th { color: #fff; }

	.uikit_table .hengTable .key { display: none; }



.uikit_submenu .filter { text-align: center; background: #e2e7ec;margin: 15px 0; padding: 10px; margin-bottom: 20px; position: relative; }

.uikit_submenu .filter li { display: inline-block;padding: 0 30px; position: relative; }

.uikit_submenu .filter li a {  color: #97abba; line-height: 30px;}

.uikit_submenu .filter li.active a {  color: #255d7f; font-weight: 900; font-size: 16px; }

.uikit_submenu .filter:after { content: '';display: block; width: 1px; height: 1px; border-top: 10px solid #e2e7ec;border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; }

.uikit_submenu .filter li .sub { display: none; }

.uikit_submenu .filter_sub { text-align: center; padding: 10px; padding-bottom: 20px; }

.uikit_submenu .filter_sub a { display: inline-block; line-height: 30px; margin: 0 10px; padding: 0 10px; color: #7f7f7f; }

.uikit_submenu .filter_sub a.active { color: #255d7f; font-weight: normal; }



.uikit_gallery .album h2 { font-weight: 900; color:#255d7f;  font-size: 16px; line-height: 28px; margin: 30px 0; position: relative; display: inline-block; }

.uikit_gallery .album h2:after { content: '';position: absolute; left: 100%; margin-left: 20px; height: 1px; width: 9999px; background: #d4e9f5; top: 50%; }

.uikit_gallery .album:first-of-type h2:after { display: none; }

.uikit_gallery .album .gallery { position: relative; }

.uikit_gallery .album ul { padding: 50px 0; overflow: hidden; position: relative;}

.uikit_gallery .album ul li { display: none; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; filter:alpha(opacity=25);opacity:0.25;-moz-opacity:0.25; transform-origin: center center;-o-transform-origin: center center;-moz-transform-origin: center center;-webkit-transform-origin: center center;-ms-transform-origin: center center; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out;cursor: pointer;}

.isie .uikit_gallery .album:nth-child(n) ul li:nth-child(n) { display: block !important; }

.isie .uikit_gallery .album ul li { display: block !important; }

.uikit_gallery .album ul li h4,

.uikit_gallery .album ul li h5 { display: none; }

.uikit_gallery .album ul li:nth-child(1),

.uikit_gallery .album ul li:nth-child(2),

.uikit_gallery .album ul li:nth-child(3),

.uikit_gallery .album ul li:nth-child(4) { display: block; position: relative; z-index: 8; }

.uikit_gallery .album ul li { float: left; width: 25%; }

.uikit_gallery .album .face { overflow: hidden;background-size: cover; position: relative; z-index: 8; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.isie .uikit_gallery .album .face { height: 200px; }

.uikit_gallery .album .face h3 { position: absolute; bottom: -40px; left: 0; right: 0;background: rgba(0,0,0,.5);color: #fff; font-size: 16px; padding: 10px;font-weight: normal;  line-height: 20px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }

.uikit_gallery .album ul li:nth-child(2) { transform:translateX(-120px) ;-o-transform:translateX(-120px); -ms-transform:translateX(-120px); -moz-transform:translateX(-120px); -webkit-transform:translateX(-120px); filter:alpha(opacity=100); opacity:1;-moz-opacity:1; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray; }

.uikit_gallery .album ul li:nth-child(2) .face { padding: 50px 80px; margin: -50px -80px; position: relative;}

.uikit_gallery .album ul li:nth-child(2) .face h3  { bottom: 0;}

.uikit_gallery .album p.about { position: absolute; left: 50%; right: 0;bottom: 100%; margin-bottom: -90px; font-weight: 900; }

.uikit_gallery .album p.detial { position: absolute; left: 50%; right: 0;top: 100%; margin-top: -40px;   color: #7f7f7f; line-height: 25px;}

	/*odd*/

	.uikit_gallery .odd .album ul li:nth-child(2) { transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px); filter:alpha(opacity=25);opacity:0.25;-moz-opacity:0.25; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; }

	.uikit_gallery .odd .album ul li:nth-child(2) .face h3  { bottom: -40px;}

	.uikit_gallery .odd .album ul li:nth-child(2) .face {padding: 0;margin: 0; }

	.uikit_gallery .odd .album ul li:nth-child(3) { transform:translateX(120px) ;-o-transform:translateX(120px); -ms-transform:translateX(120px); -moz-transform:translateX(120px); -webkit-transform:translateX(120px); filter:alpha(opacity=100); opacity:1;-moz-opacity:1; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray; }

	.uikit_gallery .odd .album ul li:nth-child(3) { z-index: 10; }

	.uikit_gallery .odd .album ul li:nth-child(3) .face { padding: 50px 80px; margin: -50px -80px; position: relative;  position: relative; z-index: 10; }

	.uikit_gallery .odd .album ul li:nth-child(3) .face h3  { bottom: 0;}

	.uikit_gallery .odd .album p.about { position: absolute;left: 0; right: 50%; bottom: 100%; margin-bottom: -90px; font-weight: 900; }

	.uikit_gallery .odd .album p.detial { position: absolute;left: 0; right: 50%; top: 100%; margin-top: -40px;   color: #7f7f7f; line-height: 25px;}



.uikit_gallery .album:nth-child(2n+2) ul li:nth-child(2) { -webkit-animation: none 0 linear; -o-animation: none 0 linear;  -moz-animation: none 0 linear; animation: none 0 linear; }

.gallery_moveLeft { -webkit-animation: gallery_moveLeft .5s ease-out; -o-animation: gallery_moveLeft .5s ease-out;  -moz-animation: gallery_moveLeft .5s ease-out; animation: gallery_moveLeft .5s ease-out; }

@keyframes 'gallery_moveLeft' {

	0% { transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px); }

	100% { transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%); }

}

@-webkit-keyframes 'gallery_moveLeft' {

	0% { transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px); }

	100% { transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%); }

}

.gallery_moveRight { -webkit-animation: gallery_moveRight .5s ease-out; -o-animation: gallery_moveRight .5s ease-out;  -moz-animation: gallery_moveRight .5s ease-out; animation: gallery_moveRight .5s ease-out; }

@keyframes 'gallery_moveRight' {

	0% { transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%); }

	100% { transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0); }

}

@-webkit-keyframes 'gallery_moveRight' {

	0% { transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%); }

	100% { transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0); }

}





.uikit_download { position: relative; }

.uikit_download dl dd { margin: 20px 30px; position: relative; }

.uikit_download dl .icon-pdf { position: absolute; width: 35px; height: 35px;background: url("../images/icon-pdf.png") no-repeat center; }

.uikit_download dl dd a { position: relative; display: inline-block; color: #255d7f;  padding: 0 10px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}

.uikit_download dl dd a:hover { color: #44b0d7; }

.uikit_download dl dd p { padding-left:45px; line-height: 35px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }

.uikit_download dl .icon-download { display: inline-block; position: absolute; width: 35px; height: 35px; left: 100%; background: url("../images/icon-pdf-download.png") no-repeat center; top: 0;  }

	.uikit_download.type2 dl dd { float: left; width: 33.333%;margin: 20px 0; }



.uikit_substrate { position: relative; }

.uikit_substrate .blocks  { padding: 0 50px; margin-bottom: 20px; }

.uikit_substrate .blocks .row .con { position: relative; }

.uikit_substrate .blocks .row .con.tac { min-height: 450px; }

.uikit_substrate .blocks .face { width: 350px;height: 350px; background-position: center; background-size: cover; background-size: 100% 100%\9; display: inline-block; position: absolute; left: 50%; top:50%; margin: -175px; }

.uikit_substrate .blocks .face img { display: none; }

.uikit_substrate .blocks .face img { width: 100%\9; height: 100%\9; display: block\9; }

.uikit_substrate .blocks .face:before { content: '';display: block; width: 100%; height: 100%; background: url("../images/substrate-hover.png") no-repeat top left; background-size: 100%;position: absolute; top: 0;left: 0; display: none;}

.isie .uikit_substrate .blocks .face:before  { display: none; }

.uikit_substrate .blocks h1 { color: #992DA2; font-size: 40px; display: inline-block; position: relative;-webkit-transform: scale(1,.85);-moz-transform: scale(1,.85);-o-transform: scale(1,.85);-ms-transform: scale(1,.85);transform: scale(1,.85); margin-bottom: 10px; padding-top: 100px;}



.uikit_substrate .blocks p { color: #255d7f;  font-size: 16px; line-height: 24px; }

	.uikit_substrate .blocks section:nth-child(2n+2) .md6 { float: right; }

	.uikit_substrate .blocks section:nth-child(2n+2) .md6 .text { padding-left: 50px; }

	.uikit_substrate .blocks section:nth-child(2n+1) .md6 .text { padding-right: 50px; }

.uikit_substrate ul { margin-top: 40px; }

.uikit_substrate ul li { margin-bottom: 15px;  color: #7f7f7f; line-height: 2; padding:  0 50px 0 70px; position: relative; }

.uikit_substrate ul li:before { content: '';display: block; width: 20px; height: 20px; background: url("../images/substrate-dotlight.png") no-repeat; position: absolute; top: 50%; margin-top: -10px; left: 20px; }

.uikit_substrate ul li:nth-child(4n+1):before { background-position: 0 0; }

.uikit_substrate ul li:nth-child(4n+2):before { background-position: 0 -20px; }

.uikit_substrate ul li:nth-child(4n+3):before { background-position: 0 -40px; }

.uikit_substrate ul li:nth-child(4n+4):before { background-position: 0 -60px; }



.uikit_honor .honorlist section { padding: 30px 0; margin: 0 50px; border-left: 1px solid #beddf0; }

.uikit_honor .honorlist section.nobd { border: 0; }

.uikit_honor .honorlist section>h2 { color: #2991cc; font-size: 16px; line-height: 28px; padding-left: 25px; position: relative; }

.uikit_honor .honorlist section>h2>i { position: absolute; left: -5px; width: 10px; height: 10px; border-radius: 100%; background: #0069d2; top: 50%; margin-top: -5px; }

.uikit_honor .honorlist section>h2>i:before { content: ''; left: 0; top: 0; background: rgba(0,105,210,.20); margin: -7px;position: absolute; width: 24px; height: 24px; border-radius: 100%; }

.uikit_honor .honorlist dl { overflow: hidden; padding: 30px; }

.uikit_honor .honorlist dd { float: left ;width:25%; }

.uikit_honor .honorlist dd .face { position: relative; box-shadow: 0 2px 10px rgba(0,0,0,.2); background: #fff; padding: 11px 18px; margin: 0 15px; transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out; cursor: pointer; overflow: hidden;}

.uikit_honor .honorlist dd .face:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); }

.uikit_honor .honorlist dd .face:before { content: '';position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255,255,255,.8) url("../images/honor-checkmore.png") no-repeat center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; transform:translateY(100%);-o-transform:translateY(100%);-ms-transform:translateY(100%);-moz-transform:translateY(100%);-webkit-transform:translateY(100%); }

.uikit_honor .honorlist dd .face:hover:before { transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px); }

.uikit_honor .honorlist dd .face .img { background-size: cover; background-repeat: no-repeat; background-position: center; background-size: auto 100%\9; }

.uikit_honor .honorlist dd p { margin-top: 30px; padding: 0 25px; font-size: 13px; line-height: 28px; height: 56px; overflow: hidden;color: #7f7f7f;  }



.uikit_honor .pager { text-align: center;color:#cacaca; }

	.uikit_honor .pager li { display: inline-block; }

	.uikit_honor .pager li a { display: block; font-size:16px; font-weight: bold;color:#cacaca;  line-height: 30px; padding: 0 5px;}

	.uikit_honor .pager li a.active,

	.uikit_honor .pager li a:hover { color: #45bbde; }





.uikit_milestone .main { padding-bottom: 250px; }

/*.uikit_milestone .years { overflow-x: scroll; }*/

.uikit_milestone .years { position: relative; }

.uikit_milestone .years:before { content: 'Year';font-size: 16px;  position: absolute; bottom: 5px; color: #c7c7c7; display: inline-block; line-height: 28px; }

.uikit_milestone .years:after { content: 'Month';font-size: 16px;  position: absolute; top: 100%; color: #c7c7c7; display: inline-block; line-height: 28px; margin-top: -5px; }

.uikit_milestone .years ul { overflow: hidden; position: relative; padding: 10px 0; }

.uikit_milestone .years li { display: inline-block; float: left; width: 6.25%; text-align: center; position: relative;border-bottom: 1px solid #b0ddef; padding-bottom: 10px; }

.uikit_milestone .years li.active:after { content: '';display: block; width: 20px;height: 20px; background: url("../images/substrate-dotlight.png") no-repeat; position: absolute; top: 100%; left: 50%; margin: -10px;}

.uikit_milestone .years li.active a { font-size: 16px; color: #0069d2; }

.uikit_milestone .years li a { display: block; line-height: 65px;color: #7f7f7f;  font-size: 16px; }

.uikit_milestone .events { margin: 0 250px;padding-left: 100px; position: relative; min-height: 500px; }

.uikit_milestone .events dl { border-left: 1px solid #bdced8; padding-top: 10px;}

.uikit_milestone .events dl dd { margin-top: 41px; position: relative; padding-left: 28px; font-size: 16px; color: #7c9eb2; }

.uikit_milestone .events dl dd p { line-height: 2; }

.uikit_milestone .events dl dd img { max-width: 400px; display: block; margin-top: 20px; box-shadow: 0 10px 20px rgba(0,0,0,.1); }

.uikit_milestone .events dl dd h2 { position: absolute; right: 100%; padding-right: 28px;font-size: 16px;  line-height: 20px; font-weight: normal; }

.uikit_milestone .events dl dd h2:before { content: '';position: absolute; width: 20px; height: 20px; background: #fff url("../images/substrate-dotlight.png") no-repeat; background-position: 0 -20px; right: -10px; top: 0;}

	.uikit_milestone .events dl dd:nth-child(3n+1) h2 { color: #21c3e3; }

	.uikit_milestone .events dl dd:nth-child(3n+2) h2 { color: #2fb651; }

	.uikit_milestone .events dl dd:nth-child(3n+3) h2 { color: #c1dd34; }

	.uikit_milestone .events dl dd:nth-child(3n+1) h2:before { background-position: 0 -20px; }

	.uikit_milestone .events dl dd:nth-child(3n+2) h2:before { background-position: 0 -40px; }

	.uikit_milestone .events dl dd:nth-child(3n+3) h2:before { background-position: 0 -60px; }

.uikit_milestone .arrows .arrow { position: absolute; top: 450px; left: 100px; width: 40px; height: 210px; background: url("../images/milestone_arrowl.png") no-repeat center left;  }

.uikit_milestone .arrows .arrow.next { left: auto; right: 100px; background: url("../images/milestone_arrowr.png") no-repeat center right;  }





.uikit_framework { position: relative; }

.uikit_framework dl { padding: 60px 0; }

.uikit_framework dl dd { margin-bottom: 40px; }

.uikit_framework .topfloor ul li { position: relative; float: left; width: 25%; height: 50px; text-align: center; background: url("../images/framework_bg1.png") no-repeat center;overflow: hidden; margin: 10px 0; }

.uikit_framework .topfloor ul li span { display: inline-block; width: 200px; color: #1978d6; font-size: 16px; position: relative; }

	.uikit_framework .topfloor ul li span:before { content: '';display: block; width: 1000px; height: 1px; background: #50cce5; right: 100%; top: 50%;  position: absolute;}

	.uikit_framework .topfloor ul li span:after { content: '';display: block; width: 1000px; height: 1px; background: #50cce5; left: 100%; top: 50%;  position: absolute;}

	.uikit_framework .topfloor ul li:first-of-type span:before,

	.uikit_framework .topfloor ul li:last-of-type span:after { display: none; }



.uikit_framework .subfloor ul li { position: relative; float: left; width: 25%; height: 50px; text-align: center; background: url("../images/framework_bg2.png") no-repeat center;overflow: hidden;margin: 15px 0;  }

.uikit_framework .subfloor ul li span { display: inline-block; width: 200px; color: #fff; font-size: 14px; position: relative; }

.uikit_framework .lastfloor { padding-top: 20px; position: relative; }

.uikit_framework .lastfloor:before { content: ''; display: inline-block; background: #fff url("../images/framework_plusicon.png") no-repeat center; width: 24px; height: 24px; left: 50%;margin-left: -12px; top: -12px; position: absolute; z-index: 9; }

.uikit_framework .lastfloor:after { content: '';width: 100%; position: absolute; top: 0; height: 1px; background: #a4caef; z-index: 8;}



.uikit_medals dl { padding: 60px 90px 0 90px; overflow: hidden; }

.uikit_medals dd { float: left; width: 50%; position: relative; padding-bottom: 60px; }

.uikit_medals dd:before { content: ''; width: 1px; height: 100%; top: 0; left: 20px; border-left: 1px dashed #cee2f6; position: absolute; }

.uikit_medals dd h1,.uikit_medals dd ul { padding-left: 60px; padding-right: 40px; }

.uikit_medals dd i.medal { position: absolute; width: 41px; height: 51px; background: url("../images/medal_bg.png") no-repeat top center; display: block; font-size: 16px; font-weight: 900; font-style: normal; text-align: center; line-height: 38px; color: #fff; text-shadow: -1px -2px 0 #f7ca04; top: -8px;}

.uikit_medals dd h1 { font-weight: 900; color:#00c3e5; font-size: 24px; }

.uikit_medals dd ul li { font-size: 16px; line-height: 2; margin-top: 10px; color: #7f7f7f; padding-left: 50px; position: relative; }

.uikit_medals dd ul li:before { content: '' ;width: 24px; height: 24px; position: absolute; display: block; left: 15px; top: 0; background: url("../images/about-medals-before.png") no-repeat center; }

@media screen and (max-width: 800px) {

	.uikit_medals dd { float: none; width: auto; }

}



.uikit_description .title { margin-bottom: 30px; }

.uikit_description>p { color: #255d7f;  font-size: 16px; line-height: 2; }

.uikit_description ul { padding: 60px; padding-left: 50px; padding-right: 20px; width: 60%; float: left; }

.uikit_description ul li { padding: 20px 0; color: #7f7f7f; position: relative; padding-left: 50px; line-height: 2;}

.uikit_description ul li:before { content: '';position: absolute; display: block; width: 20px; height: 20px; top: 35px; left: 10px; background: url("../images/substrate-dotlight.png") no-repeat; }

.uikit_description .face { position: absolute; width: 35%; right: 0; top: 50px; }

	.uikit_description ul li:nth-child(4n+1):before { background-position: 0 0; }

	.uikit_description ul li:nth-child(4n+2):before { background-position: 0 -20px; }

	.uikit_description ul li:nth-child(4n+3):before { background-position: 0 -40px; }

	.uikit_description ul li:nth-child(4n+4):before { background-position: 0 -60px; }

.uikit_description.right ul { float: right; padding-left: 20px; padding-right: 50px; }

.uikit_description.right .face { right: auto; left: 0; }

.uikit_description .datas { padding: 10px 0; }

.uikit_description .datas>p { /*color: #92aebf;*/ font-size: 16px; line-height: 2;  }

.uikit_description .datas .md3 { position: relative; padding: 50px 0; min-height: 125px; }

.uikit_description .datas .md3:before { content: '';display: block; width: 125px; height: 125px; position: absolute; background: #cce1f6; z-index: -1;margin-left: -62px; left: 50%; top: 50px; }

.uikit_description .datas .md3 h1 { font-size: 40px; padding: 40px 0 10px 0px; font-weight: normal;line-height: 1;color: #0069d2; text-align: center;}

.uikit_description .datas .md3 p { line-height: 2;  color: #0069d2; text-align: center;}

	.uikit_description .datas .md3:nth-child(4n+1):before { background: #cce1f6; } 

	.uikit_description .datas .md3:nth-child(4n+2):before { background: #d3f1db; } 

	.uikit_description .datas .md3:nth-child(4n+3):before { background: #ccf3fa; } 

	.uikit_description .datas .md3:nth-child(4n+4):before { background: #f2f9d0; } 

	.uikit_description .datas .md3:nth-child(4n+1) h1,

	.uikit_description .datas .md3:nth-child(4n+1) p { color: #0069d2; } 

	.uikit_description .datas .md3:nth-child(4n+2) h1,

	.uikit_description .datas .md3:nth-child(4n+2) p { color: #24b84c; } 

	.uikit_description .datas .md3:nth-child(4n+3) h1,

	.uikit_description .datas .md3:nth-child(4n+3) p { color: #0dc5e6; } 

	.uikit_description .datas .md3:nth-child(4n+4) h1,

	.uikit_description .datas .md3:nth-child(4n+4) p { color: #c0df16; } 



	

.uikit_industry dl { position: relative; padding: 20px 90px; }

.uikit_industry dl dd { float: left; width: 50%; position: relative; min-height: 130px; }

.uikit_industry dl dd .face { position: absolute; width: 130px; border-radius: 100%; top: 25px; }

.uikit_industry dl dd .text { padding: 50px; padding-left: 180px; }

.uikit_industry dl dd .text h2 { font-size: 16px; margin-bottom: 15px; color: #1072d5; font-weight: 900; }

.uikit_industry dl dd .text p { font-size: 16px; line-height: 24px; color: #92aebf;  }





section.uikit_talent.culture { position: relative; margin: 0; padding: 0; }

.uikit_talent.culture .maxsize { padding: 0 150px 300px 150px; background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat;}

.uikit_talent.culture .tac { padding: 30px 0; }

.uikit_talent.culture .tac h1 { font-size: 36px; display: inline-block; font-weight: normal; }

.uikit_talent.culture .tac h2 { margin-top: 5px; font-size: 16px; color: #597180; }

.uikit_talent.culture .yuanjing ,

.uikit_talent.culture .shiming { display: inline-block; background-size: 100% 100%; border-radius: 100%; position: relative; }

.uikit_talent.culture .yuanjing { width: 290px;height: 290px; }

.uikit_talent.culture .shiming { width: 225px; height: 225px; }

.uikit_talent.culture .yuanjing .hover ,

.uikit_talent.culture .shiming .hover { position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border: 1px solid #d2e4f8; border-radius: 100%; }

.isie .uikit_talent.culture .yuanjing .hover,

.isie .uikit_talent.culture .shiming .hover { display: none; }

.uikit_talent.culture .yuanjing .hover:before,

.uikit_talent.culture .shiming .hover:before { content: '';width: 8px; height: 8px; background: #016dd6; border-radius: 100%; position: absolute; left: -8px; top:50%; border: 2px solid #fff; }

.uikit_talent.culture .yuanjing .hover { -webkit-animation: infintedRotate 5s infinite linear; -o-animation: infintedRotate 5s infinite linear;  -moz-animation: infintedRotate 5s infinite linear; animation: infintedRotate 5s infinite linear; }

.uikit_talent.culture .shiming .hover { -webkit-animation: infintedRotate 3s infinite linear; -o-animation: infintedRotate 3s infinite linear;  -moz-animation: infintedRotate 3s infinite linear; animation: infintedRotate 3s infinite linear; }

.uikit_talent.culture .yuanjing .text,

.uikit_talent.culture .shiming .text { position: absolute; top: 40%; left: 0; right: 0; padding: 20px; }

.uikit_talent.culture .yuanjing .text h3,

.uikit_talent.culture .shiming .text h3 { color: #006cd6; font-size: 22px; margin-bottom: 10px; font-weight: normal; }

.uikit_talent.culture .yuanjing .text p,

.uikit_talent.culture .shiming .text p { color: #597180; font-size: 16px;  }

.uikit_talent.culture ul { overflow: hidden; }

.uikit_talent.culture ul li { float: left; width: 33.333%; text-align: center; margin-top: 65px; }

.uikit_talent.culture ul li .iconfont { font-size: 30px; line-height: 30px;color: #0069d3; }

.uikit_talent.culture ul li p { color: #000; }

.en .uikit_talent.culture ul li p { font-size: 14px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }

.uikit_talent.culture ul li h4 { color: #0069d3; font-weight: normal; font-size: 16px; margin: 10px 0; }



@keyframes 'infintedRotate' {

	0% {  transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }

	100% { transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }

}

@-webkit-keyframes 'infintedRotate' {

	0% {  transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }

	100% { transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }

}



.uikit_talent.fumargin { position: relative; margin-top: -200px; z-index: 9; }

.uikit_talent.idea .main { padding: 0 95px; }

.uikit_talent.idea .main .md6 { position: relative; min-height: 400px; }

.uikit_talent.idea .main .face { position: absolute; top: 0; bottom: 0; left: 0; right: 0px; background-size: cover; background-position: center; }

.uikit_talent.idea .main .subt { margin-left: 30px; padding: 25px 55px; display: inline-block; border-bottom: 1px solid #b2d2f1; }

.uikit_talent.idea .main .text { padding: 35px 0; margin: 0 55px; margin-left: 85px; border-bottom: 1px solid #cdd4d9; color:#5f7582; font-size: 16px; line-height: 24px;  margin-right: 0; }

.uikit_talent.idea article section { padding : 50px 75px; margin: 0 95px; margin-top: 60px; border-bottom: 1px solid #cce1f6; position: relative; padding-left: 350px\9; }

.uikit_talent.idea article section h1 { font-size: 36px; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 10px; }

.uikit_talent.idea .main .subt h1 { font-size: 36px; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 10px; }

.uikit_talent.idea .main .subt h2 { font-size: 14px; }



.uikit_talent.idea article section sub { display: block; color:#c7ced2;  }

.uikit_talent.idea article section .text { color: #84949e; margin-top: 35px; font-size: 16px; line-height: 24px; }

.en .uikit_talent.idea article section .text { height: 96px; }

.uikit_talent.idea article section .face { position: absolute; bottom: 0; width: 270px; height: 240px; background-size: cover; background-position: center; left: 0;}

.uikit_talent.idea article section:nth-child(2n+1) { text-align: left; padding-right: 300px; }

.uikit_talent.idea article section:nth-child(2n+2) { text-align: right; padding-left: 300px; }

.uikit_talent.idea article section:nth-child(2n+1) .face { right: 0; left: auto; }

.uikit_talent.idea article section:nth-child(2n+2) .face { left: 0; right: auto; }



.uikit_talent.fuli article section { padding : 50px 75px; margin: 0 95px;  border-bottom: 1px solid #cce1f6; position: relative; }

.uikit_talent.fuli article section h1 { font-size: 36px; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 10px; }

.uikit_talent.fuli article section sub { display: block; color:#c7ced2;  }

.uikit_talent.fuli article section .text { color: #84949e; margin-top: 35px; font-size: 16px; line-height: 24px;  padding-right: 300px; }

.uikit_talent.fuli article section .face { position: absolute; bottom: 0; width: 270px; height: 240px; background-size: cover; background-position: center; right: 0;}

.uikit_talent.fuli dl { overflow: hidden; margin: 0 -32px; }

.uikit_talent.fuli dl dd { width: 14.285%; float: left; text-align: center; }

.uikit_talent.fuli dl dd .con { padding: 32px; min-height: 100px; }

.uikit_talent.fuli dl dd .con .iconfont { color: #65b2e6; font-size: 30px; line-height: 1; margin-bottom: 10px; }

.uikit_talent.fuli dl dd .con p { font-size: 13px; line-height: 22px; color: #9fabb3; margin-top: 10px; }

.en .uikit_talent.fuli dl dd .con p { font-size: 14px; line-height: 15px; color: #9fabb3; height: 60px;   }



.uikit_talent.fuli .album { margin: 10px -55px; display: block; padding: 20px 0; }

.uikit_talent.fuli .album .face{  position: relative; height: auto; width: auto; }



.uikit_talent.peiyang { padding: 0; color:#9fabb3; font-size: 16px; line-height: 24px; }

.uikit_talent.peiyang i.dot { display: inline-block; background: rgb(0,105,210); width: 10px; height: 10px; border-radius: 100%; position: relative; }

.uikit_talent.peiyang i.dot:before { content: ''; left: -6px; top: -6px; padding: 6px; border-radius: 100%; display: block; width: 100%; height: 100%; position: absolute; background: rgba(0,105,210,.3); }

.uikit_talent.peiyang .main { padding: 63px 150px; }

.uikit_talent.peiyang .main h5 { font-size: 16px; line-height: 24px; }

.uikit_talent.peiyang .main h5.en { font-size: 14px; margin-top: 10px; }

.uikit_talent.peiyang .main .dot { margin-top: 30px; }

.uikit_talent.peiyang section { position: relative; padding: 90px 150px; text-align: center;  background-size: cover; background-position: center; }

.uikit_talent.peiyang section>.con { background: rgba(255,255,255,0.9); padding: 20px 60px; padding-bottom: 50px; position: relative;background: #fff\9; }

.uikit_talent.peiyang section>.con:before { content: ''; top: -8px; left: -8px; padding: 3px; position: absolute; width: 100%; height: 100%; border: 5px solid rgba(255,255,255,0.9);border-color: #fff\9; }

.uikit_talent.peiyang section .dot { margin-bottom: 15px; }

.uikit_talent.peiyang section strong { display: block; line-height: 36px; font-weight: 900; }

.uikit_talent.peiyang section h1 { font-size: 15px; font-weight: 900; margin: 4px 0; line-height: 1 }

.uikit_talent.peiyang section sub { display: block; margin-bottom: 35px; }

.uikit_talent.peiyang section p ul li ,

.uikit_talent.peiyang section p { color: #9facb3; line-height: 24px; font-size: 13px; }

.uikit_talent.peiyang section .dress {  font-family: 'Arial black'; font-size: 150px; position: absolute; opacity: 0.1;  bottom: -50px; left: 5%; }

.isie .uikit_talent.peiyang section .dress { display: none; }

.uikit_talent.peiyang section:nth-child(4n+2) .dress { left: auto; right: 5%; }



.uikit_talent.boshihou { position: relative; }

.uikit_talent.boshihou .block { padding: 0 90px; }

.uikit_talent.boshihou .block .subt  { position: relative; overflow: hidden; }

.uikit_talent.boshihou .block .subt h1 { position: relative; font-size: 20px; line-height: 24px;  }

.uikit_talent.boshihou .block .subt h1:before { content: '';width:999px; height: 1px; background: #99cfe9; position: absolute; top: 12px; right: 100%; margin-right: 10px;  }

.uikit_talent.boshihou .block .subt h1:after { content: '';width:999px; height: 1px; background: #99cfe9; position: absolute; top: 12px; left: 100%; margin-left: 10px;  }

.uikit_talent.boshihou .block .subt sub { display: block; margin-top: 5px; }

.uikit_talent.boshihou .text { box-shadow: 0 5px 20px rgba(0,0,0,.1); border: 1px solid rgba(0,0,0,0.05); padding: 50px 70px; font-size: 16px; line-height: 24px; color: #9fabb3; margin: 30px 0; text-align: center; }

.uikit_talent.boshihou .fengcai {  padding: 20px; }

.uikit_talent.boshihou .md4 .con { padding: 20px 27px; text-align: center; }

.uikit_talent.boshihou .md4 .con .face { background-size: cover; background-position: center; transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out; }

.uikit_talent.boshihou .md4 .con .face:hover { opacity: 1; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none; box-shadow: 0 5px 15px rgba(0,0,0,.2); transform:translateY(-2px);-o-transform:translateY(-2px);-ms-transform:translateY(-2px);-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px); }

.uikit_talent.boshihou .md4 .con p { margin-top: 30px; }

.uikit_talent.boshihou p.tac { padding: 50px 0; color: #9fabb3; font-size: 16px; line-height: 24px; }

.uikit_talent.boshihou .chengguo { padding: 50px 75px; background-size: cover; background-position: center; }

.uikit_talent.boshihou .chengguo .con { padding: 0 30px; margin: 2px; background: rgba(255,255,255,0.9); background: #fff\9;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.uikit_talent.boshihou .chengguo .con:hover { box-shadow: 0 0 25px rgba(0,0,0,.2); z-index: 99; }

.uikit_talent.boshihou .chengguo .iconfont { font-size: 40px; display: block; line-height: 1; margin-bottom: 25px; padding-top: 25px; }

.uikit_talent.boshihou .chengguo p { padding-bottom: 25px; font-size: 14px; line-height: 20px; color: #9fabb3; margin-top: 10px; }



.uikit_talent.zhaopin { position: relative; padding: 90px 100px; }

.uikit_talent.zhaopin .iconfont { font-size: 30px; }

.uikit_talent.zhaopin .filter { overflow: hidden; text-align: center; }

.uikit_talent.zhaopin .filter ul { overflow: hidden; border-bottom: 1px solid #0069d2;margin: 0 -40px;  }

.uikit_talent.zhaopin .filter ul li { width: 25%; float: left; text-align: center; }

.uikit_talent.zhaopin .filter ul li a { display: block; line-height: 30px; margin: 0 40px; background: #dadada; font-size: 16px; color: #fff; }

	.uikit_talent.zhaopin .filter ul li.active:nth-child(4n+1) a { background: #91dba5; }

	.uikit_talent.zhaopin .filter ul li.active:nth-child(4n+2) a { background: #0069d2; }

	.uikit_talent.zhaopin .filter ul li.active:nth-child(4n+3) a { background: #7fe1f2; }

	.uikit_talent.zhaopin .filter ul li.active:nth-child(4n+4) a { background: #dfef8a; }

.uikit_talent.zhaopin .filter select { line-height: 30px; color: #cdd3d7; font-size: 16px; padding: 0 70px; position: relative; background: #4a4a4a url("../images/arrowselect.jpg") no-repeat bottom right; background-size: auto 100%; }

.uikit_talent.zhaopin .filter .select { display: inline-block; position: relative; margin: 25px 0; }

/*.uikit_talent.zhaopin .filter .select:after { content: '▼';position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #00c3e5; text-align: center; line-height: 30px; color: #fff; font-size: 10px; }*/

.uikit_talent.zhaopin .subt { position: relative; margin-bottom: 30px; }

.uikit_talent.zhaopin .subt:before { content: '';position: absolute; top: 50%; left: 0; width: 100%; height: 1px; border-bottom: 1px dotted #a8bfa8; }

.uikit_talent.zhaopin .subt span { position: relative; z-index: 8; background: #fff; display: inline-block; line-height: 30px; padding-right: 20px; font-size: 20px; color: #0069d2; font-weight: 900; }

.uikit_talent.zhaopin .jobdataTable .tr { overflow: hidden; cursor: pointer;  }

.uikit_talent.zhaopin .jobdataTable .td,

.uikit_talent.zhaopin .jobdataTable .th { width: 20%; text-align: center; }

.uikit_talent.zhaopin .jobdataTable .detial { clear: both; }

.uikit_talent.zhaopin .jobdataTable .th span { display: block; padding: 20px; color: #7fb4e8; }

.uikit_talent.zhaopin .jobdataTable .td p { display: block; padding: 20px 10px; color: #597180; }

.uikit_talent.zhaopin .jobdataTable .td a { display: inline-block; line-height: 25px; padding: 0 10px; border-radius: 25px; background: #f2f2f2; color: #a5b1b9; }

.uikit_talent.zhaopin .jobdataTable .tds:hover .td { color: #0069d2; }

.uikit_talent.zhaopin .jobdataTable .td a:hover { background: #00c3e5; color: #fff; }

.uikit_talent.zhaopin .jobdataTable .detial { display: none; background: #f2f5f7; color: #597180; padding: 35px 100px; position: relative; border-top: 1px solid #d9dcde;}

.uikit_talent.zhaopin .jobdataTable .detial:before  { content: '';width: 22px; height: 11px; background: url("../images/arrow_up.png"); background-size: 100%; position: absolute; top: -10px; left: 9%;  }

.uikit_talent.zhaopin .jobdataTable .detial .con { padding: 0 30px; }

.uikit_talent.zhaopin .jobdataTable .detial h5 { margin-bottom: 20px; font-size: 16px; }

.uikit_talent.zhaopin .jobdataTable .detial p { font-size: 14px; line-height: 22px; }

.uikit_talent.zhaopin .jobdataTable .tr .td p,.uikit_talent.zhaopin .jobdataTable .tr .td a { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.uikit_talent.zhaopin .jobdataTable .tr:hover .td p { color: #0069d3; }

.uikit_talent.zhaopin .jobdataTable .tr:hover .td a { background: #00c2dd; color: #fff; }



.uploadresume { background: url("../images/hover50.png") repeat 0 0; position: fixed; z-index: 99; top: 0; left:  0; width: 100%; height: 100%; display: none;  }

.uploadresume .maxsize { max-width: 550px; height: 100%; position: relative; }

.uploadresume .win { background: #fff; border-radius: 6px; padding: 45px 110px; text-align: center; position: relative; }

.uploadresume .win .close { position: absolute; top: 20px; right: 20px; font-size: 30px; }

.uploadresume .win h1 { font-size: 16px; font-weight: 900; margin-bottom: 5px; line-height: 1; }

.uploadresume .win sub { display: block; }

.uploadresume .win form { margin-top: 50px; width: 150px; position: relative; display: inline-block;}

.uploadresume .win form #download { display: block; line-height: 35px; color: #fff; border-radius: 6px; background: #3ebd5d;  width: 100%;}

.uploadresume .win form .viewResume { position: absolute; right: 100%; width: 100px; bottom: 5px; color: #0069d2; }

.uploadresume .win form #submit { display: block; line-height: 35px; color: #fff; border-radius: 6px; background: #0069d2;  width: 100%; margin-top: 20px; }



.contact2 .tabpage { padding-top: 50px; }

.contact2 .tabs { overflow: hidden; margin: 0 -20px; }

.contact2 .tabs li { float: left; width: 33.333%; text-align: center; }

.contact2 .tabs li .con { padding: 65px 0; background-size: cover; margin: 0 20px; position: relative;}

.contact2 .tabs li .con:before { content: '';position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; filter:alpha(opacity=100);opacity:1;-moz-opacity:1; background: url("../images/hover50.png") repeat 0 0; }

.contact2 .tabs li .con:hover:before { filter:alpha(opacity=0);opacity:0;-moz-opacity:0; }

.contact2 .tabs li .text { display: inline-block; background: #fff; width:80px; padding:10px; position: relative;}

.contact2 .tabs li .text:before { content: '';left: -8px; top: -8px; border: 4px solid #fff; position: absolute; width: 100%;height: 100%; padding: 4px; }

.contact2 .tabs li .text h2 { font-size: 16px; margin-bottom: 10px; margin-top: 20px; }

.contact2 .tabs li .text p { font-size: 14px; color: #9fabb3; }

.contact2 .pages dd { display: none; }

.contact2 .pages dd.active { display: block; }



.uikit_news.typeDetial .btns { text-align: center;  padding: 50px 0;}

.uikit_news.typeDetial .btns a { display: inline-block; line-height: 30px; padding: 0 25px; margin: 0 3px; border: 1px solid #309bd0; color: #309bd0;font-size: 16px; border-radius: 30px; }

.uikit_news.typeDetial .btns a:hover {border: 0; padding: 1px 26px;background: rgb(41,144,204); 

		background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%); 

		background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); 

		background: linear-gradient(to right,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%); 

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ); color: #fff;}



.GroupIntroduction .row:last-of-type { padding-bottom: 20px; }

.GroupIntroduction p {  color: #7f7f7f; font-size: 16px; line-height: 25px; overflow: hidden; }

.GroupIntroduction .md5,.GroupIntroduction .md7 { margin-top: 50px; position: relative; }

.GroupIntroduction .md7 .con { padding: 0 50px; max-height: 350px;overflow: hidden;  }

.GroupIntroduction .md5 .face { padding-left: 0; }

.GroupIntroduction .md5 .face img { box-shadow: 10px 10px 15px rgba(0,0,0,.1); width: 100%;}



.uikit_about2 .tabpage { padding: 20px 90px; }

.uikit_about2 .tabpage .tabs {  padding: 35px 0;}

.uikit_about2 .tabpage .tabs li { margin:2px; float: left; width: 19%; background-position: center; background-size: cover; height: 125px; opacity: .60; /*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; */position: relative; transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out; background-repeat: no-repeat;}

.uikit_about2 .tabpage .tabs li .hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*background: url('../images/investor_face_hover.png') no-repeat ; */background-size: 150% 100%;  color: #fff; padding: 30px 20px; padding-right: 100px; display: none; padding: 10px; font-size: 16px; line-height: 1.2; padding: 20px;}

.uikit_about2 .tabpage .tabs li:hover { opacity: 1; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none; }

.uikit_about2 .tabpage .tabs li:hover .hover { display: block; }

.uikit_about2 .tabpage .tabs li.active { opacity: 1; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none; z-index: 8; -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); }

.uikit_about2 .tabpage .tabs li.active .hover { display: block; }

.uikit_about2 .tabpage .pages { clear: both; padding-top: 50px; }

.uikit_about2 .tabpage .pages dd { display: none;  }

.uikit_about2 .tabpage .pages dd.active { display: block; }

.uikit_about2 .tabpage .pages dd h1 { font-weight: 900; font-family: 'Regular',"SimHei","SimHei"; font-size: 16px;  margin-bottom: 20px; }

.uikit_about2 .tabpage .pages dd p {  color: #7f7f7f; font-size: 16px; line-height: 25px; overflow: hidden;   }



/*gobal*/ 

section.uikit_popwindow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/hover50.png") repeat 0 0; margin: 0 !important; padding: 0 !important; z-index: 9999999; display: none;}

section.uikit_popwindow .maxsize { max-width: 800px; height: 100%; position: relative; background: none;margin: 0 auto !important; }

section.uikit_popwindow .win { background: #fff; overflow: hidden; border: 1px solid #d8d8d8; position: relative; z-index: 999999;}

section.uikit_popwindow .win .title { padding: 15px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #d8d8d8; display: block; }

section.uikit_popwindow .win .title:after { display: none; }

section.uikit_popwindow .win .content { padding: 10px 15px; background: #fff; text-align: center; }







.uikit_text .text { color: #7f7f7f; }

.uikit_text .text p { font-size: 16px; line-height: 28px; }

.uikit_text .longimg { position: relative; margin: 10px 0; height: 200px; background-size: cover; background-position: center; background-size: auto 100%\9; }

	.uikit_text .linkimg { background-size: cover; margin: 20px 0; }

	.uikit_text .linkimg .text { color: #fff; background: url("../images/investor_face_hover.png"); background-repeat: no-repeat; padding: 80px 10%; background-size: 100% 100%; }

	.uikit_text .linkimg .text h1 { font-size: 18px; font-weight: normal; margin-bottom: 10px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}

	.uikit_text .linkimg .text a { border: 1px solid #fff; color: #fff; display: inline-block; line-height: 22px; font-size: 16px; border-color: #fff\9; border-color: rgba(255,255,255,.5); border-radius: 22px;  padding: 0 22px; padding-top: 2px; position: relative; padding-right: 30px; transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;-moz-transition: all .5s ease-out;}

	.uikit_text .linkimg .text a:before { content: '\e60d';font-family: 'iconfont'; color: #fff; position: absolute; top: 1px; right: 10px; display: block; line-height: 22px; font-size: 14px; font-style: normal; margin-top: 2px; width: 20px; text-align: center; }

	.uikit_text .linkimg .text a:after { content: '';background: #fff; display: block; width: 0; height: 1px; position: absolute; top: 50%; right: 20px; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }

	.uikit_text .linkimg .text a:hover { padding-right: 60px; }

	.uikit_text .linkimg .text a:hover:after { width: 30px; }

.uikit_text .capacity { padding: 0 90px; height: 620px; position: relative; background-size: auto 100%; background-position: center;background-repeat: no-repeat; }

.uikit_text .capacity dl { position: absolute; top: 50%; left: 50%;width: 180px; height: 180px; margin: -90px; margin-top: -95px; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }

.uikit_text .capacity dl dd { position: absolute; width: 175px; height: 175px;background: rgba(0,105,210,.5); transform-origin: center center;-o-transform-origin: center center;-moz-transform-origin: center center;-webkit-transform-origin: center center;-ms-transform-origin: center center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}

.uikit_text .capacity dl dd:nth-child(1) {  top: -88px; left: -88px; }

.uikit_text .capacity dl dd:nth-child(2) {  top: -88px; right: -88px; }

.uikit_text .capacity dl dd:nth-child(3) {  bottom: -88px; left: -88px; }

.uikit_text .capacity dl dd:nth-child(4) {  bottom: -88px; right: -88px; }

.uikit_text .capacity dl dd .con { transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); color: #fff; text-align: center; position: absolute;  left: 0; transform-origin: center;-o-transform-origin: center;-moz-transform-origin: center;-webkit-transform-origin: center;-ms-transform-origin: center; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;}

.uikit_text .capacity dl dd .con p { position: absolute;color: #0069d2;  font-weight: normal; font-size: 16px; line-height: 2; width: 300px;margin-top: -42px; opacity: 0; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; text-align: left; }

.uikit_text .capacity dl dd .con h1 { font-weight: normal; }

.uikit_text .capacity dl dd:hover { box-shadow: 0 0 15px rgba(0,0,0,.2); }

.uikit_text .capacity dl dd:nth-child(1) p {  left: 100%; top: 50%; margin-left: 80px; }

.uikit_text .capacity dl dd:nth-child(2) p {  top: 100%; left: 100%; margin-top: 40px; }

.uikit_text .capacity dl dd:nth-child(3) p {  right: 60%; bottom: 100%; margin-right: 80px; }

.uikit_text .capacity dl dd:nth-child(4) p {  right: 100%; top: 100%; margin-right: 80px; }

.uikit_text .capacity dl dd .con .iconfont { font-size: 60px; display: block;line-height: 60px; padding: 20px 0; padding-top: 30px; }

.uikit_text .capacity dl dd:hover { -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); background: #0069d2;z-index: 9; box-shadow: 0 0 15px rgba(0,0,0,.2); }

.uikit_text .capacity dl dd:hover .con p { opacity: 1; }







.join,

.about,

.news,

.investor,

.contact,

.product {padding-bottom: 50px; }

.join .maxsize,

.about .maxsize,

.product .maxsize,

.news .maxsize,

.investor .maxsize,

.contact .maxsize { background: #fff; z-index: 2; position: relative; box-shadow: 0 15px 60px rgba(0,18,42,.15);max-width: 1369px; }

.investor .maxsize { margin-top: -70px; }

.contactBottom { background-repeat: no-repeat; background-position: center; background-size: cover; margin: 40px 60px; text-align: center; }

	.contactBottom .text { padding: 90px 20px 70px 20px; color: #fff; }

	.contactBottom .text h3 { font-size: 24px;  }

.about .maxsize.milestone_bg { background: #fff url("../images/milestone-bg.jpg") no-repeat bottom center; background-size: 100% auto; }



/*产品0*/

.product .ledCover { position: relative; margin-top: 25px; }

.product .ledCover .cover { position: relative; z-index: 2; }

/*http://colorzilla.com/gradient-editor/#da02ff+0,3a55ff+14,00c469+27,24e503+44,ffc800+64,fb0001+80,000000+100*/

.product .ledCover .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;background-image: url("../images/translate.jpg"); background-repeat: repeat;-webkit-animation: 'bgMove' 5s ease-out; animation: 'bgMove' 5s ease-out; background-size: 200% auto;}

@keyframes 'bgMove' { 0% { background-position: 0% 0%; } 100% { background-position: 200% 0%; } }

@-webkit-keyframes 'bgMove' {0% { background-position: 0% 0%; } 100% { background-position: 200% 0%; } }

.product .gallery .pages .row { margin-right: -4px; margin-bottom: -4px; padding: 4px; }

.product .gallery .con { margin: 0 4px 4px 0; background-size: cover; background-size: 100% 100%\9;position: relative; background-position: center; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.2); }

.product .gallery .con .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0;background-size: cover; background-size: 100% 100%\9;background-position: center; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); transform-origin: center center;-o-transform-origin: center center;-moz-transform-origin: center center;-webkit-transform-origin: center center;-ms-transform-origin: center center; transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;z-index: 1; }

.product .gallery .con .hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;z-index: 2;color: #fff; visibility: hidden; }

.product .gallery .con .hover * { z-index: 9; position: relative; }

.product .gallery .con .hover .text { display: none; height: 100%; }

.product .gallery .con .hover h2 { padding: 20px; padding-bottom: 5px;font-size: 32px; line-height: 1; }

.product .gallery .con .hover p { font-size: 16px; color: #8f96aa;padding: 0 20px; }

.product .gallery .con .hover i { position: absolute; bottom: 20px; left: 20px; font-size: 16px; line-height: 28px; color: #8f96aa; }

.product .gallery .con .hover:before { content: ''; background: url("../images/product-metro-hover.png") repeat 0 0; display: block; position: absolute; top: 150%;width: 100%; height: 300%;  transform:skew(-30deg) rotate(-30deg);-ms-transform:skew(-30deg) rotate(-30deg);-moz-transform:skew(-30deg) rotate(-30deg);-webkit-transform:skew(-30deg) rotate(-30deg);-o-transform:skew(-30deg) rotate(-30deg); transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;}

	.product .gallery .con:hover .bg { -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

	.product .gallery .con:hover .hover { visibility: visible;}

	.product .gallery .con:hover .hover:before { top: -80%; }

	.product .gallery .con:hover .hover .text { display: block; }

.product .gallery .tabs { margin-bottom: 10px; }

.product .gallery .tabs li { display: inline-block;  cursor: pointer; margin-right: 30px; line-height: 50px;color: #7f7f7f; position: relative; font-size: 16px; }

.product .gallery .tabs li.active { color: #255d7f;font-weight: 900; }

.product .gallery .tabs li.active:after { content: ''; width: 20px; height: 20px; position: absolute; bottom: 0; background: url("../images/product-metro-arrow.png") no-repeat; background-position: center;left: 50%; margin-left: -10px; }

.product .gallery .pages dd { display: none; }

.product .gallery .pages dd.active { display: block; }





.school .enter { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/xiaoyuan-1-0.jpg"); background-position: bottom center;background-size: cover; }

.school .enter div { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.school .enter .man { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/xiaoyuan-1-1.png"); background-position: bottom center; z-index: 9 }

.school .enter .dress { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/xiaoyuan-1-2.png"); background-position: bottom center; z-index: 2 }

.school .enter .text1 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/xiaoyuan-1-3.png"); background-position: bottom center; z-index: 2 }

.school .enter .text2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/xiaoyuan-1-4.png"); background-position: bottom center; z-index: 2 }

.school .enter .bottom { position: absolute; bottom: 50px; left: 50px; color: #fff; }

.school .enter .bottom h1 { font-weight: 300; font-size: 16px; margin-bottom: 8px; line-height: 1 }

.school .enter .bottom p { font-size: 14px; }

.school .enter .top { position: absolute; top: 50px; right: 50px; color:#fff; }

.school .enter .sns { position: absolute; bottom: 50px; right: 50px; color:#fff; }

.school .enter .sns li { display: inline-block; margin-left:10px; }

.school .enter .sns .iconfont { font-size: 18px; }

.school .enter .sns li a { color: #fff;  }

.school .enter .centerbutton { position: absolute; left: 50%; text-align: center; bottom: 180px; z-index: 9; width: 300px; margin-left: -150px; z-index: 999;}

.school .enter .centerbutton:before { content: ''; position: absolute; top: 0; left: 0; right: 0;bottom: 0; background: url("../images/join-us2.png") no-repeat center; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5; }

.school .enter .centerbutton:hover:before { filter:alpha(opacity=100);opacity:1;-moz-opacity:1; }

.school .enter .centerbutton a  { display: block; position: relative; z-index: 9999; }

.school .enter .logo { position: absolute; top:30px; left: 30px; z-index: 99; }



.school .enter .text2:before { content: ''; display: block; width: 50%; height: 25%; margin-top: -13%;background: url("../images/4.png") no-repeat top center;background-size: 100% 100%; position: absolute; bottom: 40%; left: 5%; -webkit-animation: lightEffect 6s infinite ease-out; -o-animation: lightEffect 6s infinite ease-out;  -moz-animation: lightEffect 6s infinite ease-out; animation: lightEffect 6s infinite ease-out; z-index: 10; transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%; zoom:.8; }

.school .enter:after { content: '';position: absolute; top: 0; left: 0; width: 100%;height: 100%; background: url("../images/effect2.png") no-repeat top center ;background-size: 100% 100%;-webkit-animation: bannerEffect 5s infinite linear; -o-animation: bannerEffect 5s infinite linear;  -moz-animation: bannerEffect 5s infinite linear; animation: bannerEffect 5s infinite linear;z-index: 0; }

.school .enter * { z-index: 10;background-size: cover !important; background-size: center !important }

@keyframes 'lightEffect' {

	0%,10% { opacity: 0; left: 50%; -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}	

	25%,65% { opacity: 1; }

	30%,35%,40%{ opacity: .8;-webkit-transform: scale(.7);-moz-transform: scale(.7);-o-transform: scale(.7);-ms-transform: scale(.7);transform: scale(.7);}

	33%,37%,43% { opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }

	90% { opacity: 1; }

	100% { opacity: 1; left: 70%;-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5); }

}

@-webkit-keyframes 'lightEffect' {

	0%,10% { opacity: 0; left: 50%;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }

	25%,65% { opacity: 1; }

	30%,35%,40%{ opacity: .8;-webkit-transform: scale(.7);-moz-transform: scale(.7);-o-transform: scale(.7);-ms-transform: scale(.7);transform: scale(.7);}

	33%,37%,43% { opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }

	90% { opacity: 1; }

	100% { opacity: 1; left: 70%;-webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5); }

}

@keyframes 'bannerEffect' {

	0% { opacity: 0; }

	5% { opacity: 0; }

	10% { opacity: 1; }

	40% { opacity: .5; }

	45% { opacity: .6; }

	100% { opacity: .3; }

}

@-webkit-keyframes 'bannerEffect' {

	0% { opacity: 0; }

	5% { opacity: 0; }

	10% { opacity: 1; }

	40% { opacity: .5; }

	45% { opacity: .6; }

	100% { opacity: .3; }

}





.mini { min-height: 900px; background: #e7ecf0; }

.mini .mheader { position: fixed; top: 0; left: 0; width: 100%; color: #fff; z-index: 999; background: url("../images/hover50.png") repeat 0 0;}

.mini .mheader .maxsize { position: relative; }

.mini .mheader h1 { position: absolute; top: 0; left: 0; font-size: 24px; line-height: 60px; font-weight: normal; }

.mini .mheader ul { padding: 0 200px; text-align: center; }

.mini .mheader ul li { display: inline-block; margin: 0 20px; }

.mini .mheader ul li a { display: block; line-height: 60px; color:#9da1a3;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.mini .mheader ul li a:hover { color: #fff; }

.mini .mheader ul li.active a { font-size: 16px; color:#fff; }

.mini .mslogan { height: 400px; background-position: center; background-size: cover; }



.mini .gonggao { position: relative; padding: 10px 0; padding-left: 150px; display: none; }

.mini .gonggao h2 { position: absolute; left: 0; top: 10px; line-height: 60px; font-size: 16px; color:#0069d2; }

.mini .gonggao ul { overflow: hidden; }

.mini .gonggao ul li { float: left;width: 20%; }

.mini .gonggao ul li a {  display: block; line-height: 60px; }

.mini .joblist { background: #fff; padding: 30px 100px; margin-top: 10px; box-shadow: 0 30px 50px rgba(0,0,0,.1);}

.mini .joblist .filter {  }

.mini .joblist .filter dl { position: relative; padding: 25px 0; line-height: 30px; border-bottom: 1px solid #ededed; }

.mini .joblist .filter dt { position: absolute; }

.mini .joblist .filter dd { padding-left: 120px; }

.mini .joblist .filter dd li { display: inline-block; margin: 0 5px 10px 0; }

.mini .joblist .filter dd li a { display: block; line-height: 28px; color: #808080; border: 1px solid #b2d2f1; border-radius: 28px; padding: 0 20px;}

.mini .joblist .filter dd li.active a { color: #0069d2; border-color: #0069d2; }

.mini .joblist .item { margin-bottom: 45px; border: 1px solid #d9d9d9; }

.mini .joblist .item .title { background: #ebf4fa; padding: 15px 20px; position: relative; }

.mini .joblist .item .title h1 { font-size: 20px; color: #0069d2; line-height: 20px; }

.mini .joblist .item .title h1 span { font-size: 16px; margin-left: 10px;  }

.mini .joblist .item .title .date { position: absolute; top: 15px; right: 20px;  font-size: 14px; }

.mini .joblist .item .cont { padding: 20px; position: relative;}

.mini .joblist .item .cont p { padding-left: 80px; line-height: 24px; font-size: 16px; color: #595959; position: relative; }

.mini .joblist .item .cont p.duty:before { content: '岗位职责:'; color: #666; position: absolute; left: 0; top: 0; }

.mini .joblist .item .cont p.require:before { content: '岗位要求:'; color: #666; position: absolute; left: 0; top: 0; }

.mini .joblist .item .cont .info { position: absolute; bottom: 35px; left: 35px; color: #d2d7da; }

.mini .joblist .item .cont .tar { margin-top: 40px; }

.mini .joblist .item .cont .tar a { display: inline-block; line-height: 32px; background: #05b8d3; color: #fff; border-radius: 32px; padding: 0 25px; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}

.mini .joblist .item .cont .tar a:hover { background:#56cee0; }

.mini .sns { padding: 35px 0; }

.mini .sns li { display: inline-block; padding: 0 10px;}

.mini .sns li .iconfont { font-size: 20px; color: #7e9aa2; }

.mini .mfooter { background: #454748; padding: 15px 0; }

.mini .mfooter h5 { color: #fff; font-size: 16px; margin-bottom: 5px; font-weight: normal; }

.mini .mfooter p { color: #b2b3b3; }

.mini .xingcheng { background: #fff; padding: 40px 60px; }

.mini .xingcheng table { width: 100%; }

.mini .xingcheng table th,

.mini .xingcheng table td { border: 1px solid #a9b3c0;  padding: 15px; color: #255d7f;}

.mini .xuzhi  { background: #fff; }

.mini .xuzhi .tree {padding:50px 200px;}

.mini .xuzhi .tree ul { position: relative; }

.mini .xuzhi .tree ul:before { content: '';display: block; width: 1px; height: 100%; top: 0; background: #cce1f6; position: absolute; left: 50%; }

.mini .xuzhi .tree ul li { position: relative; height: 130px; padding-bottom: 100px;}

.mini .xuzhi .tree ul li:last-of-type { padding-bottom: 0; }

.mini .xuzhi .tree ul li .face { width: 130px; height: 130px; border-radius: 100%; display: block; position: absolute; left: 50%; margin-left: -65px; box-shadow: 5px 5px 15px rgba(0,0,0,0.1); }

.mini .xuzhi .tree ul li .text { position: absolute; max-width: 300px; }

.mini .xuzhi .tree ul li h1 { font-size: 16px; color: #0069d2;line-height: 24px; margin-bottom: 5px;}

.mini .xuzhi .tree ul li p { font-size: 16px; line-height: 24px; color: #9fabb3; }

.mini .xuzhi .tree ul li:nth-child(2n+1) .text { right: 0; }





.tableStyle table { /*background: #f4fbf6;*/ width: 100%; }

.tableStyle table tr th { background: #0069d2; color: #fff; }

.tableStyle table tr:first-of-type th:nth-child(3n+1) { background: #0069d2; color: #fff; }

.tableStyle table tr:first-of-type th:nth-child(3n+2) { background: #00c3e5; color: #fff; }

.tableStyle table tr:first-of-type th:nth-child(3n+3) { background: #24b84c; color: #fff; }

.tableStyle table th,.tableStyle table td { border: 1px solid rgba(90,122,171,.1); border: 1px solid #e0e6f0\9;padding: 15px 30px; font-size: 13px; }

.tableStyle table td  { color: #255d7f; }

.tableStyle table th { padding: 0; }

/*.tableStyle table tr td:nth-child(1) { background: #eff5fb; color: #71b2db; }*/

.tableStyle table ul { position: relative; }

.tableStyle table ul li {position: relative; color: #24b84c; padding: 10px 0; padding-left: 20px;  }

.tableStyle table ul li:before {content: '';display: block; width: 8px; height: 8px; border-radius: 100%; background: #086ed3; position: absolute; top: 50%; left: 0; margin-top: -4px; }

.tableStyle table dl { position: relative; overflow: hidden;}

.tableStyle table dt { }

.tableStyle table dd { }

.tableStyle table span { display: block; width: 50%; float: left; padding: 10px 0; }



i { font-style: normal; }





@media screen and (max-width: 1000px) {

	.tabledata { overflow-x: scroll; }

	.tabledata table { min-width: 768px; }

}



/*.tabledata table { width: 100%; position: relative;}

.tabledata table:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 24px;background: #0069cf; background: -moz-linear-gradient(left,  #0069d2 0%,#00c3e5 50%, #24b84c 100%); background: -webkit-linear-gradient(left,  #0069d2 0%,#00c3e5 50%, #24b84c 100%); background: linear-gradient(to right,  #0069d2 0%,#00c3e5 50%, #24b84c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069d2', endColorstr='#24b84c',GradientType=1 ); background-size: 100%; background-repeat: no-repeat; z-index: 0; box-shadow: 0 5px 20px rgba(0,0,0,.2);}*/





.en .index_banner li .text h1 { font-size: 30px; }

/*.header.isie { background: url('../images/hover50.png') repeat 0 0; position: absolute; }*/



.isie .uikit_text .capacity { background-image: url("../images/about-capacity-bg.jpg") !important; height: auto; background-size: cover; background-position: center; padding: 0 20px;}

.isie .uikit_text .capacity dl { position: relative; top: auto; bottom: auto; left: auto; right: auto; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);margin: 0; width: auto; height: auto; overflow: hidden;padding: 20px;}

.isie .uikit_text .capacity dl dd { width: 25%; height: auto; position: relative;top: auto; bottom: auto; left: auto; right: auto; background: none; float: left;display: block; }

.isie .uikit_text .capacity dl dd:hover { background: none; -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }

.isie .uikit_text .capacity dl dd:nth-child(n) { top: auto; bottom: auto; left: auto; right: auto; }

.isie .uikit_text .capacity dl dd .con { position: relative; top: auto; bottom: auto; left: auto; right: auto; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); color: #0069d2; padding: 20px;}

.isie .uikit_text .capacity dl dd .con h1 { position: relative; text-align: center; line-height: 1.2; font-size: 16px; }

.isie .uikit_text .capacity dl dd .con p { position: relative; text-align: center; line-height: 1.2; font-size: 16px; margin-top: 10px; padding: 0 20px;}

.isie .uikit_text .capacity dl dd:nth-child(n) p { top: auto; bottom: auto; left: auto; right: auto; margin: 0; padding: 0; width: auto; filter:alpha(opacity=100);opacity:1;-moz-opacity:1; }



.en .uikit_text .capacity dl dd .con h1 { font-size: 20px; line-height: 1.2; }

.en .uikit_text .capacity dl dd .con p { font-size: 16px; line-height: 1.2;}



.chanpin { position: relative; }.chanpin:after { content: '';clear: both;display: block; padding-top: 20px; }

.chanpin .md6 { float: left; width: 50%; }

.chanpin .md6 .pdcon { margin: 0 80px; margin-top: 100px; background: #fff;position: relative; }

.chanpin .md6 .pdcon .back { display: none; }

/*.chanpin .md6 .pdcon .back {  background: -moz-linear-gradient(left,  rgba(41,144,204,1) 0%, rgba(80,204,229,1) 64%) !important; background: -webkit-linear-gradient(left,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%) !important; background: linear-gradient(to right,  rgba(41,144,204,1) 0%,rgba(80,204,229,1) 64%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992DA2', endColorstr='#50cce5',GradientType=1 ) !important; overflow: hidden;}

.chanpin .md6 .pdcon .back ul { line-height: 40px; position: absolute; bottom: 0; left: 0; overflow: hidden; padding-left: 20px; height: 40px;  width: 10000px;}

.chanpin .md6 .pdcon .back ul li { display: inline-block; font-style: italic;font-size: 16px; color: #fff; padding: 0 20px;}*/

.chanpin .md6 .pdcon .front { position: relative; z-index: 2; background: #fff; top: 0; left: 0; width: 100%; height: 190px; transition: all .4s ease-out;-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;-moz-transition: all .4s ease-out;box-shadow: 0 5px 15px rgba(0,0,0,.15); overflow: hidden; border: 1px solid #eee\9;}

/*.chanpin .md6 .pdcon:hover .front  { margin-top: -40px;}*/

.chanpin .md6 .pdcon .front  h1 { color: #255d7f; font-weight: bold; font-size: 16px; font-style: italic; position: absolute; top: 35px; left: 35px; }

.chanpin .md6 .pdcon .front .img { max-width: 9999px; position: absolute; bottom: 10px; left: 20px; height: 110px;z-index: 99999; }

.chanpin .md6 .pdcon .front img { /*max-width: 9999px; */max-height: 110px; }



.index_news .arrows { position: absolute; top: 50%; right: 0; margin-top: -23px; margin-right: -50px; /*right: auto\9; left: 100%\9; width: 120px\9; */}

.index_news .arrows a { display: inline-block; width: 45px; height: 45px; line-height: 45px; /*background:#fff;*/ color: black; text-align: center; }



@media screen and (max-width: 1280px) {

	.searchresult .md2 { width: 25%;float: left; }

}



.popvideo { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/hover50.png") repeat 0 0;z-index: 9999999999; display: none;}

.popvideo .maxsize { background: none; text-align: center; position: absolute; left: 0; right: 0; top: 50%; box-shadow: none; margin: 0 auto !important; text-align: center;}

.popvideo .win { display: inline-block; background: #fff; max-width: 600px;width:100%; margin-top: -250px; position: relative;}

.popvideo .close { position: absolute; top: 0; right: 10px; font-size: 16px; line-height: 40px; width: 40px; text-align: center; }

.popvideo .win .title { position: relative; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: normal; padding: 10px 15px; line-height: 20px; }

.popvideo .win .videocont { padding: 15px;}

.popvideo .win .videocont video { width: 100%; height: 320px;  background: #000; }

.newsDetial img { height: auto !important; }







.wechat {position:relative; cursor:pointer}

.wechat .weixin-icon {width:20px;vertical-align:middle;}





/*全站的弹窗样式*/

@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}

@keyframes bounceOut{0%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(0)}}

@keyframes bounceInOut{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}



.sharonTips {animation-fill-mode: both;animation-duration: .3s;z-index: 19910119;width: 260px;position: fixed;-webkit-overflow-scrolling:touch;background-color: #fff; -webkit-background-clip: content;box-shadow: 1px 1px 50px rgba(0,0,0,.3);left: 50%;top:50%;margin-left:-130px;font-size: 16px;}

.sharonTips-shade {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:19910116;background-color: #000;opacity: 0.3;}



/*弹窗的动画行为*/

.anim-bounceIn {animation-name:bounceIn}

.anim-bounceOut {animation-name:bounceOut;}

.anim-bounceInOut {animation-name:bounceInOut;animation-duration: 2.4s;}





/*弹窗的样式*/

.sharonTips-toast{position:fixed;top:50%;left:50%;width:auto;padding: 15px 30px;text-align:center;color:#fff;border-radius:3px;background:rgba(0,0,0,0.7);z-index: 19910120;}

.sharonTips-confirm{}

.sharonTips-prompt input{width: 100%;height: 30px;line-height: 30px;}





.sharonTips-title {padding: 0 80px 0 20px;height: 42px;line-height: 42px;border-bottom: 1px solid #eee;font-size: 16px;color: #333;overflow: hidden;background-color: #F8F8F8;}

.sharonTips-content {position: relative;padding: 20px;line-height: 24px;word-break: break-all;font-size: 16px;overflow-y: auto;}

.sharonTips-closeBtn {position: absolute;right: 15px;top: 15px;font-size: 0;line-height: initial;}

.sharonTips-closeBtn a {display: inline-block;vertical-align: top;position: relative;width: 16px;height: 16px;margin-left: 10px;font-size: 14px;background:url("../images/sharonTips-icon.png") 0 -40px no-repeat;}

.sharonTips-btn {text-align: right;padding: 0 10px 12px;pointer-events: auto;user-select: none;}

.sharonTips-btn a {height: 28px;line-height: 28px;margin: 0 6px;padding: 0 15px;border: 1px solid #dedede;background-color: #f1f1f1;color: #333; border-radius: 2px;font-weight: 400;cursor: pointer;text-decoration: none;display: inline-block;vertical-align: top;}

.sharonTips-btn a.yesBtn {border-color: #4898d5;background-color: #2e8ded;color: #fff;}





#my-tab{

    min-height: 400px;

}

#my-tab ul{

    width: 100%;

}

#my-tab ul li{

    width: 100%;

    overflow: hidden;

    border-bottom: 1px solid #e2e7ec;

}

#my-tab ul li.tab-first{

    background-color: #e2e7ec;height: 50px;

    line-height: 50px;border-bottom: none;

}

#my-tab ul li.tab-first span{

    color: #255d7f;font-size: 18px;

    width: 20%;float: left;padding: 0 0;

}

#my-tab ul li.tab-first span:nth-of-type(2){

    width: 40%;

}

#my-tab ul li a,#my-tab ul li span{

    width: 20%;text-align: center;color: #7f7f7f;

    font-size: 16px;display: inline-block;

    float: left;padding: 20px 0;

}

#my-tab ul li a:nth-of-type(1){

    width: 40%;

}

#my-tab ul li a i,#my-tab ul li span i{

    display: inline-block;

    width: 35px;

    height: 35px;

    background: url("../images/icon-pdf.png") no-repeat center;

}

@media screen and (min-width: 1080px) {

    .product .uikit_navbtn > ul li{width: calc(100%/7);}

}

@media screen and (max-width: 600px) {

    .uikit_text .text p{

        font-size: 14px;

    }

    .uikit_navbtn li a font{

        font-size: 12px;

    }

    #my-tab{

        min-height: 240px;

    }

    #my-tab ul li.tab-first span{

        font-size: 15px;

    }

    #my-tab ul li a,#my-tab ul li span{

        font-size: 13px;

    }

}