/** { font-family:"Regular","Hiragino Sans GB","SimHei", Arial, "Helvetica Neue", Helvetica, sans-serif; }*/
* { font-family:"微软雅黑", Helvetica, Arial, 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; } 		
.fillbg img { max-width: 100%; height: auto; border: 0; } 
h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.5; }  		
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 {  } 		
.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; }
.fontstyle { -webkit-background-clip: text;  }
.fillbg { background-size: auto 100%\9; background-size: cover; }
.maxsize { max-width: 1280px; }
.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: 30px; } 
.fs-38 { font-size: 38px; } 
.fs-40 { font-size: 30px; }
.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(4, 100, 176); }

: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('../fonts/font_ghcata474rbb7qfr.eot');
  src: url('../fonts/font_ghcata474rbb7qfr.eot?#iefix') format('embedded-opentype'),
  url('../fonts/font_ghcata474rbb7qfr.woff') format('woff'),
  url('../fonts/font_ghcata474rbb7qfr.ttf') format('truetype'),
  url('../fonts/font_ghcata474rbb7qfr.svg#iconfont') format('svg');
}
                    

@font-face {font-family: 'Regular';
	src: url('../fonts/wu95i7dve8doyldi.eot'); 
	src: url('../fonts/wu95i7dve8doyldi.eot?#iefix') format('embedded-opentype'),
	url('../fonts/wu95i7dve8doyldi.woff') format('woff'), 
	url('../fonts/wu95i7dve8doyldi.ttf') format('truetype'), 
	url('../fonts/wu95i7dve8doyldi.svg#NotoSansHans-DemiLight') format('svg'); 
}
@font-face { font-family: 'Light';
	src: url('../fonts/3859wll0ylo6flxr.eot');
	src: url('../fonts/3859wll0ylo6flxr.eot?#iefix') format('embedded-opentype'),
	url('../fonts/3859wll0ylo6flxr.woff') format('woff'), 
	url('../fonts/3859wll0ylo6flxr.ttf') format('truetype'), 
	url('../fonts/3859wll0ylo6flxr.svg#思源黑体-极细') format('svg');
}

   
.timeline { position: relative; } .timeline::before { content: ''; background: #a7dcfe; width: 5px; height: 95%; position: absolute; left: 50%;transform: translateX(-50%); } .timeline-item { width: 100%; margin-bottom: 70px;padding-top:30px; } .timeline-item:nth-child(even) .timeline-content { float: right; /*padding: 40px 30px 10px 30px;*/ } .timeline-item:nth-child(even) .timeline-content .date { right: auto; left: 0; } .timeline-item:nth-child(even) .timeline-content::after { content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; left: -15px; border-width: 10px 15px 10px 0; border-color: transparent #f5f5f5 transparent transparent; } .timeline-item::after { content: ''; display: block; clear: both; } .timeline-content { position: relative; width: 40%; padding: 10px 10px; border-radius: 4px; background: #f5f5f5; /*box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);*/ } .timeline-content::after { content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; right: -15px; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #f5f5f5; } .timeline-img { width: 30px; height: 30px; background: #0464b0; border-radius: 50%; position: absolute; left: 50%; margin-top: 25px; margin-left: -15px; } .timeline-card { padding: 0 !important; } .timeline-card p { padding: 0 20px; } .timeline-card a { margin-left: 20px; } .timeline-img-header { height: 200px; position: relative; margin-bottom: 20px; } .timeline-img-header h2 { color: #FFFFFF; position: absolute; bottom: 5px; left: 20px; } blockquote { margin-top: 30px; color: #757575; border-left-color: #222222; padding: 0 20px; } .date_new { background: #0464b0; display: inline-block; color: #FFFFFF; padding: 10px 20px;	text-align: center;	font-size: 1.7875rem } 
@media screen and (max-width: 768px) { .timeline::before { left: 50px; } .timeline .timeline-img { left: 50px; } .timeline .timeline-content { max-width: 100%; width: auto; margin-left: 80px; } .timeline .timeline-item:nth-child(even) .timeline-content { float: none; } .timeline .timeline-item:nth-child(odd) .timeline-content::after { content: ''; position: absolute; border-style: solid; width: 0; height: 0; top: 30px; left: -15px; border-width: 10px 15px 10px 0; border-color: transparent #f5f5f5 transparent transparent; } } 
.date_new{
    margin: 30px 0 20px;
}
.timeline-content img { max-width: 100%; }                   
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
.header.index.fixed { background: url('../images/hover50.png') repeat 0 0; }
.header:after { content: '';display: block; clear: both; }
.header .logo { padding: 35px 0; height: 40px; 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; max-height:600px;}
.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; max-height:600px; }
.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;width:100%; }
.index_banner li .text .animated { display: none; }
.index_banner li .text h1 { font-size: 30px; line-height: 1.2; font-weight: normal; }
.index_banner li .text p { margin-top: 20px; font-size: 18px; }
.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(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', 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 { min-height: 198px;border: 1px solid #5bcee5;  max-width: 200px; margin-left: 100px; position: relative;}
.index_about .title:after { content: '';display: inline-block; position: absolute; top: 55%; left: 75px; right: 75px; height: 3px;background: rgb(4, 100, 176); background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 ); }
.index_about .title .main { position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -50px; }
/* .index_about .title .main h1 { font-weight: 600; } */
.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 { width: 100%; }

.index_product { padding: 0px 0; position: relative; z-index: 9;}
.index_product .title { text-align: center; position: relative; padding-bottom: 10px; }
.index_product .title:after { content: '';position: absolute; bottom: 0; left: 50%; display: block; height: 3px;  background: rgb(4, 100, 176); background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 ); width: 50px; margin: 0 -30px; }
.index_product .title .main { 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: #5bcee5; }
.index_product .title .main:after { content: '';height: 1px; width: 120px; position: absolute; bottom: 0; right: 0;background: #5bcee5; }
.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: #000 url('../images/index-news-bg.jpg') no-repeat center center; background-size: 100% auto; padding: 60px 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 #5bcee5; border-left: 0; position: relative; padding: 15px 100px 15px 10px; text-align: left; }
.index_news .title .main:before { content: '';display: inline-block; top: 0; left:0;width: 1px; height: 20px; background: #5bcee5; position: absolute; }
.index_news .title .main:after { content: '';display: inline-block; bottom: 0; left: 0;width: 1px; height: 20px; background: #5bcee5; 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;  }
.index_news .title p { font-weight: bold;font-size: 16px; color: #7f7f7f; margin-top: 5px; }
.index_news .item { width: 50%;float: left; text-align: center; }
.index_news .item a { margin: 20px; color: #fff; position: relative; display: block; max-width: 560px; text-align: left;}
.index_news .item .con { position: relative; /*padding-left: 100px;*/ }
.index_news .item .date { position: absolute; top: 0px; right: 0; text-align: right; display: inline-block; width: 102px;  }
.index_news .item .date h3 { font-size: 18px; }
.index_news .item .date h4 { font-size: 16px; }
/*.index_news .item .date:after { content: '';display: block; height: 3px;  background: rgb(4, 100, 176); background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 );  position: absolute; bottom: 0; width: 50px;} */
.index_news .item .con h1 { font-size: 20px; line-height: 20px; height: 20px; }
.index_news .item .con:hover h1 { color: #2990cc; 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: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: 70px 0; padding-top: 20px; }
.footer .sitemap dl { width: 20%; float: left; text-align: center; }
.footer .sitemap dl a { color: #778089; position: relative; display: inline-block; width: 100px; text-align: left;}
.en .footer .maxsize dl:first-of-type { margin-left: 20%; }
.footer .sitemap dl a:hover { color: #2990cc; }
/*.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,.5);font-weight:600; }
.slogan .breadcrumb { position: absolute; bottom: 80px; overflow: hidden; left: 0;}
.slogan .breadcrumb a { float: left; position: relative; }
.slogan .breadcrumb a: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 a:last-of-type:after { display: none; }
.slogan .breadcrumb 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 a:last-of-type  { font-size: 16px; color: #fff; }
.slogan .breadcrumb a:hover  { color: #fff; }
	.slogan.fixed { height: 61px; position: fixed; z-index: 0; 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;  }
.uikitt { position: relative;  overflow: hidden;  }
section.uikit { margin: 0 60px; padding: 40px 0; }
section.uikit.fullkit { margin: 0; }

.uikit .title { color: #000; font-size: 30px; 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 .title { background: rgb(4, 100, 176); background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 );-webkit-background-clip: text;-webkit-text-fill-color: transparent;/*-webkit-transform: scale(1,.85);-moz-transform: scale(1,.85);-o-transform: scale(1,.85);-ms-transform: scale(1,.85);transform: scale(1,.85);*1/}
.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%; }*1/
.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; }

table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: grey;}
.GroupIntroduction table{
width: 100%;
text-align: left;	
margin: auto;
border-top: 10px solid #164894;
border-left: 1px solid #DCDCDC;
border-right: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
}
.GroupIntroduction table tr td{
font-size:14px;
color:#000000;
font-family: "微软雅黑";
text-indent: 20px;
line-height: 30px;
padding-top: 1%;
padding-bottom: 1%;

}
.GroupIntroduction table tr td:nth-child(1){
width: 25%;
background-color: #DDDDDD;
border-bottom: 2px solid #fff;
}

.GroupIntroduction table tr td:nth-child(2){
text-indent: 50px;	
border-bottom: 2px solid #DCDCDC;
}

/*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: 80px; font-size: 18px;  display: block; border-bottom: 1px solid #dfe5e9; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.uikit_navbtn li a font { display: block; }
.uikit_navbtn li:hover,
.uikit_navbtn li.active { margin-top: -10px; }
.uikit_navbtn li.active { background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%) !important; background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%) !important; background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 ) !important; box-shadow: 0 5px 15px rgba(0,0,0,.15);background: linear-gradient(to right, rgba(4,100,176,1) 0%,rgba(55,160,244,1) 64%) !important;}
.uikit_navbtn li:hover a,
.uikit_navbtn li.active a { line-height: 90px;}
.uikit_navbtn li.active a { color: #fff; font-size: 18px; font-family: 'Regular','SimHei','SimHei'; }

.uikit_navbtn.type1 li { width: 50%;}
.uikit_navbtn.type2 li { width:  33.333%; }
.uikit_navbtn.type3 li { width: 16.666%; }
.uikit_navbtn.type4 li { width: 14.286%; }
.uikit_navbtn.type5 li { width: 20%; }
	.uikit_navbtn.type3 li a { /*line-height: 1; padding: 20px 0;border-bottom: 1px solid #dfe5e9;*/ 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 { line-height: 90px; }
	.uikit_navbtn.type3 li a .iconfont { display: inline-block;font-size: 30px; margin-bottom: 10px; color: rgb(4, 100, 176);}
	
	.uikit_navbtn.type3 li.active a .iconfont { color: #fff;-webkit-background-clip: none;-webkit-text-fill-color: #fff; }
.uikit_navbtn .sub {/*border-top: 1px solid #dfe5e9;*/ padding: 45px 50px; clear: both; }
.uikit_navbtn .sub a { color: #7f7f7f; margin-right: 22px; line-height: 30px; }
.uikit_navbtn .sub a.active { font-size: 14px; font-weight: 900; color: #317bbc; }

/*2. uikitnews*/
.uikit_news { position: relative; }
	/*pagers*/
	.uikit_news .pager { text-align: center;}
	.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(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 ); color: #fff; width: 70px; height: 70px; 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: #000;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: #021690; 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: #021690; }
.uikit_news.typeList .newslist li h1 { color: #000; font-size: 16px; margin-bottom: 10px;}
.uikit_news.typeList .newslist li p { color: #7f7f7f; line-height: 24px; font-size: 16px;  padding-right: 100px; }
.uikit_news.typeList .newslist li span { color: #000; font-weight: normal; font-style: 14px; line-height: 24px; position: absolute; top: 50%; margin-top: -12px; right: 30px; }

.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: 14px;  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: 14px; line-height: 2;  color: #7f7f7f; margin: 14px 0; }
.uikit_news.typeDetial .otherNews { width: 100%; margin: 20px 100px; }
.uikit_news.typeDetial .otherNews th { width: 70px; font-size: 18px; color:#4a4a4a;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: 175px 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: #7f7f7f; 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;padding-top:15px; }
.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: #000; 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: #000; 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: #000; font-weight: normal; }

.uikit_gallery .album h2 { font-weight: 900; color:#000;  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: 180px 120px; 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: #000;  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: #2990cc; font-size: 30px; 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: #000;  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{ position: relative;  overflow: hidden;  }
.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: #021690; 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 0px 0 0px; overflow: hidden; }
.uikit_medals dd { float: left; width: 25%;position: relative;}
.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: 10px; 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:#0464b0; 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/1.png') no-repeat center; }

.nhonor_dd {border: #e5e5e5 1px solid;margin-right: 20px;margin-bottom: 20px;min-height: 60px;}
.nhonor_img{float: left; margin-right: 15px;max-width: 70px;}
.nhonor_title h1{line-height: 20px;padding: 10px 0;text-align: left;color: #999 !important;font-size: 16px !important;font-weight: 500 !important;}




@media screen and (max-width: 800px) {
	.uikit_medals dd { float: none; width: auto; }
	.uikit_medals dd {
		padding-bottom: 0px !important;
	}
}

.uikit_description .title { margin-bottom: 30px; }
.uikit_description>p { color: #000;  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: 8px 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: 20px; left: 10px; background: url('../images/substrate-dotlight.png') no-repeat; }
.uikit_description .face { position: relative; width: 35%; right: 0; top: 50px; float: right;}
	.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; float: left; }
.uikit_description .datas { padding: 10px 0; }
.uikit_description .datas>p { /*color: #7f7f7f;*/ 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: 30px; 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: #7f7f7f;  }


section.uikit_talent.culture { position: relative; margin: 0; padding: 0; }
.uikit_talent.culture .maxsize { padding: 0 150px 400px 150px; background-size: 100% auto; background-position: bottom center; background-repeat: no-repeat;}
.uikit_talent.culture .tac { padding: 50px 0; }
.uikit_talent.culture .tac h1 { font-size: 30px; 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: 30px; }
.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: 0px 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: 30px; font-weight: normal; display: inline-block; line-height: 1; margin-bottom: 10px; }
.uikit_talent.idea .main .subt h1 { font-size: 30px; 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: 30px;*/ 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: 30px; 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: 30px; line-height: 30px;  }
.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: 30px; 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(4, 100, 176); 
		background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); 
		background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); 
		background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 ); color: #fff;}

.GroupIntroduction .row:last-of-type { padding-bottom: 20px; }
.GroupIntroduction p {  color: #7f7f7f; font-size: 16px; line-height: 28px; overflow: hidden;padding-top:30px; }
.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%;}


.iabout-two{
	background:url(../images/abpic1.jpg) center no-repeat;
	background-size:100% auto;
	padding:90px 0px;
	margin:30px 0px 0px;
}
.iabout-two ul{
	display:flex;
	justify-content:space-between;
}
.iabout-two ul li{
	width:25%;
	text-align:center;
	color:#fff;
}
.iabout-two ul li h2 span{
	font-size:6.7rem;
	font-weight:bold;
	font-family:arial;
	line-height:80px;
}
.iabout-two ul li>div>span{
	font-size:1.7rem;
	font-weight:600;
	line-height:24px;
	margin:15px 0px 0px;
	display:block;
}
.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: #0069d2; padding: 30px 20px; padding-right: 100px;  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) {  bottom: 188px; left: 188px; }
.uikit_text .capacity dl dd:nth-child(2) {  top: 188px; right: 188px; }
.uikit_text .capacity dl dd:nth-child(3) {  top: 188px; left: 0px; }
.uikit_text .capacity dl dd:nth-child(4) {  bottom: 0px; right: -188px; }
.uikit_text .capacity dl dd:nth-child(5) {  bottom: 0px; right: 0px; }
.con h1{font-size: 18px;}
.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: -220px; 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 {  bottom: 100%; left: 80%; margin-top: 40px;}
.uikit_text .capacity dl dd:nth-child(2) p {  right: 60%; top: 60%; margin-left: 80px; }
.uikit_text .capacity dl dd:nth-child(3) p {  right: 80%; bottom: 30%; margin-right: 80px; }
.uikit_text .capacity dl dd:nth-child(4) p {  left: 80%; bottom: 30%; margin-left: 80px; }
.uikit_text .capacity dl dd:nth-child(5) p {  left: 50%; top: 50%; 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: #000;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;  }
.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 0px; margin-top: 10px; }
.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 .notie { background: #ebf4fa; padding: 15px 20px; position: relative; }
.mini .joblist .item .notie h1 { font-size: 20px; color: #0069d2; line-height: 20px; }
.mini .joblist .item .notie h1 span { font-size: 16px; margin-left: 10px;  }
.mini .joblist .item .notie .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; font-weight: 600;}
.mini .joblist .item .cont p.require:before { content: '岗位要求:'; color: #666; position: absolute; left: 0; top: 0; font-weight: 600;}
.mini .joblist .item .cont .info { position: absolute; bottom: 35px; left: 35px; color: #b9bfc3; }
.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: #000;}
.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: #000; }
.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; }
.title1{font-size: 18px;}
.histDot span {position: relative;display: block;padding-left: 20px;}
.histDot span:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #0069d2;
    position: absolute;
    top: 12px;
	left: 0;
	border-radius: 50%;
}
@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(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%) !important; background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%) !important; background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', 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: #000; 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: rgb(4, 100, 176); color: #fff; 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;}



/*脚部*/
.width{ max-width:1369px; margin:0 auto; width:91%; padding:0 4.5%;}
.foot_nav{padding:53px 0;overflow:hidden;}
.foot_nav p{font-size:16px;}
.foot_nav a{ font-size:14px; display:block;color:#778089;}
.foot_nav ul li{float:left;width: 18%;border: 1px solid #ccc;text-align: center;margin: 1% 1%;}
.foot_nav ul li a{ position:relative;}
.foot_nav ul li a.a1{ float:left; max-width:27px; margin-right:14px; margin-bottom:8px;}
.foot_nav ul li a.a2{float:left; max-width:27px; margin-right:14px; margin-bottom:8px;}
.foot_nav ul li a.a3{float:left; max-width:27px; margin-right:14px; margin-bottom:8px;}
.foot_nav ul li a.a4{float:left; max-width:27px; margin-right:14px; margin-bottom:8px;}
.foot_nav ul li a.a5{float:left; max-width:27px; margin-right:14px; margin-bottom:8px;}
.foot_nav ul li a img.ewm{ display:none;}
.foot_nav ul li a:hover img.ewm{ display:block; position:absolute; right:27px; top:0; z-index:9999; max-width:95px;}

.foot_nav .title {text-align: center;position: relative;padding-bottom: 10px;}
.foot_nav .title:after { content: '';position: absolute; bottom: 0; left: 50%; display: block; height: 3px;  background: rgb(4, 100, 176); background: -moz-linear-gradient(left,  rgba(4, 100, 176,1) 0%, rgba(55, 160, 244) 64%); background: -webkit-linear-gradient(left,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); background: linear-gradient(to right,  rgba(4, 100, 176,1) 0%,rgba(55, 160, 244) 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2990cc', endColorstr='#50cce5',GradientType=1 ); width: 50px; margin: 0 -30px; }
.foot_nav .title .main {border-bottom: 0;padding: 0px 130px;position: relative;}
.foot_nav .title .main:before { content: '';height: 1px; width: 120px; position: absolute; bottom: 0; left: 0; background: #5bcee5; }
.foot_nav .title .main:after { content: '';height: 1px; width: 120px; position: absolute; bottom: 0; right: 0;background: #5bcee5; }
.foot_nav .title .main h1 { line-height: 50px; font-size: 28px;transform:translateY(50%);-webkit-transform:translateY(50%); }
.foot_nav .title p { margin-top: 25px; color: #7f7f7f; font-size: 15px; }





.news_pic{ background:#000; }
.focus { position: relative;max-width:1200px; width:100%; margin:0 auto; height:495px;}
.focus .fPic { position: absolute; left: 0px; top: 0px; width:100%; }
.focus .D1fBt { display:none;}
.focus .fcon { position: relative; width: 100%; float: left; display: none;  }
.focus .fcon img { display: block; }
.focus .prev, .focus .next { position: absolute; z-index:99999; width: 45px; height: 45px; background: url(../images/focus_btn.png) no-repeat; }
.focus .prev { top:-195px; margin-left:62px; left:50%; background-position: 0 0; cursor: pointer; }
.focus .next { top: -195px; margin-right:-156px; right:50%; background-position: -45px 0; cursor: pointer; }
.news_pic ul li{ float:left; width:50%;color:#2990CC; font-size:14px;}
.news_pic ul li .li1{ margin-right:10%; width:40%:}
.news_pic ul li .li2{ margin-left:10%; width:40%:}

.news_pic ul li .date{  margin-bottom:10px;}
.news_pic ul li  h4 a{ color:#fff; font-size:20px; line-height:40px; }
.news_pic ul li:hover a{color:#2990CC;}
.news_pic ul li .img img{ width:90%;}


.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align: center; display: none; }
#overlay_pic { margin: 200px auto; width: 400px; box-shadow: 10px 10px 5px #000; }
.jscarousal { width: 100%; height: 100px;margin: 0 auto; padding: 0; padding: 0; position: relative; /*overflow: hidden;*/ }
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right { float: left; width: 23px; height: 82px; color: White; position: relative; top: 0; cursor: pointer; position:absolute; z-index:99999; }
.jscarousal .jscarousal-left { background-image: url(../images/left_arrow.jpg); left:-10px; background-repeat: no-repeat; background-position: left; }
.jscarousal .jscarousal-right { background-image: url(../images/right_arrow.jpg); right:-10px; background-repeat: no-repeat; background-position: right; }
.jscarousal-contents { width: 100%; height: 100px; float: left; position: relative; overflow: hidden; }
.jscarousal-contents > div { position: absolute; width: 100%; height: 10px; }
.jscarousal-contents > div > div { float: left; width:20%; padding:0 1%; }
.jscarousal-contents img { width: 100%; border: solid 1px #7A7677; }
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active { filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; }
.thumbnail-inactive { /*filter: alpha(opacity=80); opacity: 0.8;*/ cursor: pointer; }
.thumbnail-text { color: #7A7677; font-weight: bold; text-align: left; display: block; padding: 10px 2px 2px 0px; }
.foot_nav #wrapper2{ padding-top:28px;}

.pro_ny { clear:both; overflow:hidden;padding-top:30px;}
.pro_ny .text{ float:right; width:50%;}
.pro_ny .pro_nyimg{ float:left; width:45%;}
.pro_ny .pro_nyimg img{ width:100%;}
.uikit_talent.culture .tac50 { width: 50%; float: left; }

@media (max-width: 767px) {
	.uikit_talent.culture .tac50 { width: 100%;}
	.focus { position: relative;max-width:1200px; width:94%; padding:0 3%; margin:0 auto; height:700px;}

.news_pic ul li{ float:left; width:100%;color:#2990CC; font-size:14px;}
.news_pic ul li .li1{ margin-right:0%; width:100%:}
.news_pic ul li .li2{ margin-left:0%; width:100%:}
.news_pic ul li  h4 a{ color:#fff; font-size:16px; line-height:40px; }
.focus .prev { top:-180px; margin-left:17px; left:50%; background-position: 0 0; cursor: pointer; }
.focus .next { top: -180px; margin-right:-111px; right:50%; background-position: -45px 0; cursor: pointer; }
.news_pic ul li .img img{ width:90%; max-width:450px;}



.pro_ny { clear:both; overflow:hidden;}
.pro_ny .text{ float:left; width:100%;}
.pro_ny .pro_nyimg{ float:right; width:100%; padding:20px 0;}
.pro_ny .pro_nyimg img{ width:100%;}
	
}


.RForm {	}
.RformB {	}
.blk_29 {OVERFLOW: hidden; ZOOM: 1; height:82px; POSITION: relative}
.blk_29 .LeftBotton {	background: url(../images/left_arrow.jpg) no-repeat left center; LEFT: 0px; FLOAT: left; WIDTH:23px; CURSOR: pointer; POSITION: absolute; TOP: 0; HEIGHT: 78px}
.blk_29 .RightBotton {	background: url(../images/right_arrow.jpg) no-repeat right center; right: 0px; FLOAT: right; WIDTH:23px; CURSOR: pointer; POSITION: absolute; TOP: 0; HEIGHT: 78px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px;}
.blk_29 .box {	FLOAT: left; WIDTH: 190px; margin:0 16px; TEXT-ALIGN: center}
.blk_29 .box IMG {border: solid 1px #7A7677; 	}
.blk_29 .box A:hover IMG {	}
.rollphotos { max-width:1126px; margin:20px auto 0 auto;WIDTH: 100%; }
.partC {	 OVERFLOW: auto; WIDTH: 100%}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	}

/* 发展历程 */
.develop-list .tempWrap{overflow:hidden; position:relative;}
.develop-list .tempWrap .clear{ position: relative; overflow: hidden; padding: 0px; margin: 0px;}
.develop-list .tempWrap .clear li.wow{width: 25%; float: left;}
.develop-list{padding-top: 45px;padding-bottom: 70px;}
.develop-list .hd{width: 100%;text-align: center;margin-top: 120px;}
.develop-list .hd a{display: inline-block;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center center;background-size: 20px;margin: 0 10px;background-color: #fff;border: 1px solid #d6d6d6;box-sizing: border-box;border-radius: 50%;}

.develop-list .hd a.prev{background-image: url("../images/milestone_arrowl.png");}
.develop-list .hd a.next{background-image: url("../images/milestone_arrowr.png");}

.develop-list .hd a:hover{background-color: #004ea1;border: 1px solid #004ea1;}
.develop-list .hd a.prev:hover{background-image: url("../images/milestone_arrowl.png");}
.develop-list .hd a.next:hover{background-image: url("../images/milestone_arrowr.png");}


.develop-list .bd ul{ overflow:hidden;}

/* .develop-list .tempWrap .clear li{float: left;background-repeat: no-repeat;background-position: left bottom;background-image: url("../images/developli_bg.png");background-size: 100%;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; ;transition: all 0.2s ease;} */
.develop-list li .content{height: 100%;box-sizing: border-box;}
.develop-list li .cont{padding: 10px 13px;}

.develop-list li .lab{border-bottom: 1px solid #0464b0;padding: 24px 0;border-top: 2px solid #0464b0;}

.develop-list li .lab p{font-size: 12px;line-height: 14px;color: #333;font-family: 'gotham_bold';text-transform: uppercase;}


.develop-list li .pro{width:100%;text-align: center;color:#000;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; ;transition: all 0.4s ease; /*-webkit-transform: translateY(120px);-moz-transform: translateY(120px);-ms-transform: translateY(120px);-o-transform: translateY(120px);transform: translateY(120px);*/margin-top: 120px;}

.develop-list .lab .year{font-size: 30px;line-height: 50px;font-family: "gotham_bold";padding-top:0px;color: #0464b0;}
.develop-list li .mes{font-size: 14px;line-height: 22px;margin-top: 30px;color: #004ea1;display: none;position:relative;}
.develop-list li .mes ul li {font-size: 16px; line-height: 2; margin-top: 10px; color: #7f7f7f; padding-left: 50px; position: relative; text-align: left; }
.develop-list ul li .mes ul li:before { content: '' ;width: 24px; height: 24px; position: absolute; display: block; left: 15px; top: 0; background: url('../images/1.png') no-repeat center;}
.develop-list li .mes p{padding-bottom: 10px;border-bottom: 1px solid #004ea1;}
.develop-list li .mes h4{margin-top: 12px;}
.develop-list li,.develop-list li.click{background-image: url("../images/developli_bg2.png");}

/* .develop-list li:nth-child(2n){margin-top: 135px;} */

/*.develop-list li:hover .pro{-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);color:#004ea1; }*/
.develop-list li .pro,.develop-list li.click .pro{color:#004ea1;margin-top: 0px; }
.develop-list li .mes,.develop-list li.click .mes{display: block;}
/* 发展历程end */
@media (max-width: 767px) {
	.develop-list .tempWrap .clear li.wow{width: 100%; float: left;}
	li.wow{margin-top: 0px !important;}
	.develop-list .lab .year{font-size: 22px;line-height: 30px;font-family: "gotham_bold";padding-top:0px;color: #0464b0;}
	.develop-list li .lab{border-bottom: 1px solid #0464b0;padding: 10px 0;border-top: 2px solid #0464b0;}
	.develop-list li .mes{font-size: 14px;line-height: 22px;margin-top: 10px;color: #004ea1;position:relative;}
}