@charset "utf-8";
/* 
 * Project Name:
 * Author:
 * Date：2017-3-10
 */
@font-face {
 font-family: 'Conv_PFDinTextCondPro-Regular';
 src: url('PFDinTextCondPro-Regular.eot');
 src: local('☺'), url('PFDinTextCondPro-Regular.woff') format('woff'), url('PFDinTextCondPro-Regular.ttf') format('truetype'), url('PFDinTextCondPro-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'pf_din_text_comp_proregular';
 src: url('pfdintextcomppro-regular_1-webfont.eot');
 src: url('pfdintextcomppro-regular_1-webfont.eot?#iefix') format('embedded-opentype'),  url('pfdintextcomppro-regular_1-webfont.woff2') format('woff2'),  url('pfdintextcomppro-regular_1-webfont.woff') format('woff'),  url('pfdintextcomppro-regular_1-webfont.ttf') format('truetype'),  url('pfdintextcomppro-regular_1-webfont.svg#pf_din_text_comp_proregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}
table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}
/* always display scrollbars */
body {
	font: 14px/1.8 "Microsoft Yahei", "微软雅黑", Arial, Helvetica, sans-serif, "SimHei", "黑体", "微软正黑体", "Microsoft JhengHei";
	margin: 0 auto;
	color: #383838;
	background-color: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
input {
	outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}
::-moz-selection {
background: #6e6e6e;
color: #fff;
text-shadow: none;
}
::selection {
background: #6e6e6e;
color: #fff;
text-shadow: none;
}
select {
	outline: none;
}
select::-ms-expand {
display: none;
}
a {
	text-decoration: none;
blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
.fc {
	text-align: center;
}
.fr {
	text-align: right;
}
.l {
	float: left;
	display: inline-block;
}
.r {
	float: right;
	display: inline-block;
}
.vt {
	vertical-align: top;
}
.vm {
	vertical-align: middle;
}
.inner {
	width: 1200px;
	margin: 0px auto;
}
.innerfooter{ padding:0 3%; margin: 0px auto;}
.top a:link, .top a:visited {
	color: #333333;
}
.top a:active, .top a:hover {
	color: #fff;
}
header {
	width: 100%;
	background-color: #fff;
	height:54px;
}
.topbar-inner {
	padding:10px 3%;
	line-height: 32px;
	display: none;
}
.topbar-inner a:link, .topbar-inner a:visited {
	color: #b8b8b8;
}
.topbar-inner a:active, .topbar-inner a:hover {
	color: #2c409b;
}
.serach-box {
	float: left;
	display: block;
	background-color: #ededed;
	position: relative;
	overflow: hidden;
	padding: 5px 40px 5px 10px;
	height: 22px;
	width: 180px;
}
.serach-box .stxt {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 22px;
	font-family: "Microsoft Yahei", "微软雅黑", Arial, Helvetica, sans-serif, "SimHei", "黑体", "微软正黑体", "Microsoft JhengHei";
	font-size: 14px;
	border: 0px none;
	background-color: #ededed;
}
.serach-box .sbtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: url(../images/add_ico.png) no-repeat scroll center center;
}
.serach-box .sbtn:hover {
	background-color: #dddbdb;
}
.topbar-inner .languageA {
	margin-left: 25px;
}
.top {
	position: fixed;
	background: url(../images/top.jpg) repeat-y scroll left top #2c409b;
	height: 54px;
	width: 100%;
	z-index: 1000;
	background: -webkit-linear-gradient(left, #2d409c , #009d42);
  background: -o-linear-gradient(right,  #2d409c , #009d42);
  background: -moz-linear-gradient(right, #2d409c , #009d42);
  background: linear-gradient(to right,  #2d409c , #009d42);
}
.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}
.logo {
	position: absolute;
	right: 0;
	top:17px;
	transition: 370ms;
	-webkit-transition: 370ms;
}
.logo a {
	display: block;
	background-color: #fff;
	padding: 18px 15px 18px 5px;
	height: 40px;
}
.logo .sj {
	background: url(../images/logo_sj.png) no-repeat scroll left center;
	width: 28px;
	position: absolute;
	left: -28px;
	top: 0;
	height: 100%;
}
.logo img {
	height: 100%;
	display: block;
}
.nav {
	margin-left: 3%;
}
.nav a:link, .nav a:visited {
	color: #fff;
}
.nav a:active, .nav a:hover, .nav .this a {
	color:#383838 !important;
}
.nav li {
	float: left;
	display: block;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
	font-weight:bold;
}
.nav a {
	position: relative;
	padding-bottom: 5px;
	font-weight:lighter;
	padding:8px 20px;
}
.nav a:before {
	content:"";
	width:100%;
	z-index:-1;
	height:100%;
	background-color:#ffe83a;
	position:absolute;
	border-radius:60px;
	left:0;
	top:0;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.nav .this a:before ,
.nav a:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.trans, .trans:hover {
	-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.trans-fast, .trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}
.menu-handler {
	display: none;
	width: 54px;
	height: 54px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
	transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.menu-handler .burger {
	width: 30px;
	height: 3px;
	background: #2c409b;
	display: block;
	position: absolute;
	z-index: 5;
	top: 15px;
	left: 50%;
	margin: 0px 0px 0px -15px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.menu-handler .burger-2 {
	top: 25px;
}
.menu-handler .burger-3 {
	top: 35px;
}
.menu-handler.active .burger-1 {
	top: 25px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu-handler.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	left: 100%;
}
.menu-handler.active .burger-3 {
	top: 25px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.serach-Mbtn {
	width: 54px;
	height: 54px;
	position: absolute;
	right:54px;
	top: 0px;
	cursor: pointer;
	display: none;
	border-right: 1px solid #2c409b;
	border-left: 1px solid #2c409b;
}
.serach-Mbtn i {
	width: 24px;
	height: 24px;
	background: url(../images/serach_btn2.png) no-repeat scroll center center;
	background-size: cover;
	display: block;
	margin: 15px auto;
}
.serachIBox {
	position: fixed;
	left: 0px;
	top: 54px;
	height: 0px;
	overflow: hidden;
	padding: 12px 76px 12px 3%;
	background-color: #9c9c9c;
	z-index: 800;
	width: 100%;
	box-sizing: border-box;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	-moz-transform: perspective(600px) rotateX(-90deg);
	-ms-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	-moz-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
-webkit-transition: all .3s ease .2s;
-moz-transition: all .3s ease .2s;
-ms-transition: all .3s ease .2s;
transition: all .3s ease .2s;
	visibility: hidden;
}
.serachIBox.active {
	visibility: visible;
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform: perspective(600px) rotateX(0deg);
	-ms-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
	height: 48px;
}
.serachIBox .txt {
	border: 0px none;
	height: 24px;
	line-height: 24px;
	padding: 0px;
	margin: 0px;
	width: 95%;
	background-color: transparent;
	font-size: 14px;
	color: #fff;
	font-family: "microsoft yahei";
}
.serachIBox .btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 76px;
	height: 100%;
	background-color: #2c409b;
}
.serachIBox .btn i {
	width: 20px;
	height: 20px;
	background: url(../images/serach_btn3.png) no-repeat scroll center center;
	background-size: cover;
	display: block;
	margin: 16px auto;
}
.pusher {
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.serachbg, .pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 900;
}
.menuBox {
	background-color: #2c409b;
	color: #fff;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 390px;
	height: 100%;
	z-index: -1;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transform: translate(100%, 0px);
	-moz-transform: translate(100%, 0px);
	-webkit-transform: translate(100%, 0px);
	-o-transform: translate(100%, 0px);
}
.no-csstransforms3d .menuBox {
	display: none;
}
.languageBox a:link, .languageBox a:visited {
	color: #fff;
}
.languageBox a:active, .languageBox a:hover, .languageBox2 a.act {
	color: #fff;
	text-decoration: underline;
}
.languageBox {
	text-align: right;
	font-size: 14px;
	padding: 18px 20px 25px;
}
.languageBox a {
	margin-left: 15px;
}
.navMobile li {
	padding-bottom: 5px;
}
.nav-link {
	color: #fff;
	display: block;
	font-size: 18px;
	padding: 5px 25px;
}
.navMobile .subnav {
	background-color: #f5f5f5;
	display: none;
	padding: 10px 25px;
}
.navMobile .subnav dd {
	padding: 2px 0px;
	margin-bottom: 5px;
}
.navMobile .subnav a {
	color: #666666;
	position: relative;
	font-size: 14px;
}
.navMobile .subnav a:hover {
	color: #006f93;
}
.menuOpen .pusher {
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
.menuOpen .pusher-black {
	display: block;
}
.menuOpen .menuBox {
	z-index: 999;
}
footer {
	background: url(../images/foot_bg.jpg) repeat-y scroll left top #2c409b;
	color: #fff;
	width:94%; 
	padding:0 3%;
}
footer a:link, footer a:visited {
	color: #fff;
}
footer a:active, footer a:hover {
	color: #fff;
}
.smlink {
	margin-left: 10px;
}
.footDL {
	padding: 42px 0px;
	position: relative;
	line-height: 1.5;
}
.footDL .item1 {
	display: block;
	width: 70%;
}
.footNav li {
	float: left;
	display: block;
	width: 14.28%;
}
.footNav li:nth-child(1){ display:none}
.footNav .t {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 18px;
}
.footNav .c a {
	display: block;
	margin-bottom: 8px;
}
.footDL .c a:hover {
	margin-left: 8px;
}
.footDL .item2 {
	position: absolute;
	right: 0;
	top: 36px;
	text-align: center;
	max-width: 30%;
}
.footDL .name {
	font-weight: bold;
	font-size: 24px;
}
.footDL .ermImg {
	margin: 0 auto;
	width:385px;
}
.footDL .ermImg img {
	width: 100%;
	display: block;
}
.footDL .ermC {
	margin-bottom: 10px;
}
.footDL .foot-tel {
	font-size: 20px;
}
.foot-tel {
	float: right;
	display: block;
	background: url(../images/tel_ico.png) no-repeat scroll left center;
	padding-left: 32px;
	font-size: 18px;
}
.foot-tel span{ font-family:"Conv_PFDinTextCondPro-Regular", arial, helvetica, sans-serif}
.footC {
	width:70%;
	display:inline-block;
	padding: 10px 0px; 
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.footC a {
	position: relative;
}
.footC a:before {
	content:"";
	width:100%;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:-2px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.footC a:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
/*video*/
.vwrap {
	display: none;
	z-index: 1040;
	width: 100%;
	position: fixed;
}
.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: hidden;
}
.vwrap .videobox {
	z-index: 990;
	width: 800px;
	height: 500px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -400px;
}
.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde;
}
#videobox_wrapper {
	height: 100%!important;
}
.vwrap .close {
	z-index: 999;
	width: 32px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: -42px;
}
.vwrap .close i {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/closebtn.png) no-repeat 50% 50%;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
#videobox_display_button, #videocontainer_display_button {
	background: none no-repeat!important;
}
.jwplayer .jwicon {
	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor: pointer;
	background: url(../images/vico1.png) no-repeat!important;
	width: 57px!important;
	height: 57px!important;
	transform: rotate(0deg) !important;
}
.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.jwlogo, .jwclick {
	display: none!important;
}
.jwdisplayIcon {
	background:  none no-repeat!important;
}
/*video style end*/
.pageNav a:link, .pageNav a:visited {
	color: #676767;
}
.pageNav a:active, .pageNav a:hover {
	color: #2c409b;
}
.pageNav {
	height: 50px;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.pageNav li {
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 0px 8px;
}
.pageNav a {
	display: block;
	padding: 0px 8px;
	line-height: 50px;
	position: relative;
}
.pageNav a:before {
	content:"";
	width:100%;
	height:5px;
	background-color:#2c409b;
	position:absolute;
	left:0;
	bottom:-3px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.pageNav a.active:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.pageNav a.active {
	color: #2c409b;
}
.pagePadding {
	padding: 60px 0px;
}
.pageC {
	color: #676767;
}
.pageC img {
	max-width: 100%;display: block;
    margin: 0 auto;
}
.pageC a:link, .pageC a:visited {
	color: #666;
}
.pageC a:active, .pageC a:hover {
	color: #2c409b;
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: #00865e url(../images/loader.gif) center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
.slick-slide img {
	display: block;
	width:100%;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: none;
}
.slick-dots li button:focus {
	outline: none;
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
/*base style end*/
/*index style*/
.transYT {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transYT2 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transXT {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transXT2 {
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transition: transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.transYT50 {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transYT10 {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
transition: transform 400ms, opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 400ms, opacity .4s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transYT250 {
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT50 {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT280 {
	/*transform: translateX(-80px);
	-webkit-transform: translateX(-80px);
	visibility: hidden;*/
	opacity: 1;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.action.transYT50, .action.transYT10 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT250 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT50 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT280 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT2 {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT2 {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.tlbg:after, .trbg:after, .ttbg:after, .tbbg:after {
	background-color: #eee;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
-webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	z-index: 1;
}
.tlbg:after {
	transform-origin:left top 0;
	-webkit-transform-origin:left top 0;
}
.trbg:after {
	transform-origin:right top 0;
	-webkit-transform-origin:right top 0;
}
.ttbg:after {
	transform-origin:left top 0;
	-webkit-transform-origin:left top 0;
}
.tbbg:after {
	transform-origin:left bottom 0;
	-webkit-transform-origin:left bottom 0;
}
.action.tlbg:after, .action.trbg:after {
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
}
.action.ttbg:after, .action.tbbg:after {
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
}
.no-csstransforms .action.tlbg:after, .no-csstransforms .action.trbg:after, .no-csstransforms .action.ttbg:after, .no-csstransforms .action.tbbg:after {
	z-index: -1;
	background-color: transparent;
}
.dly_1 {
	transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
}
.dly_2 {
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}
.dly_3 {
	transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
}
.dly_4 {
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
}
.dly_5 {
	transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
}
.dly_6 {
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
}
.dly_7 {
	transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
}
.dly_8 {
	transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
}
.dly_9 {
	transition-delay: 900ms;
	-webkit-transition-delay: 900ms;
}
.dly_10 {
	transition-delay: 1000ms;
	-webkit-transition-delay: 1000ms;
}
.dly_11 {
	transition-delay: 1100ms;
	-webkit-transition-delay: 1100ms;
}
.align-vertical {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
}
.vertical-inner {
	display: table-cell;
	vertical-align: middle;
}
.bannerBox {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #f7f7f7;
	overflow: hidden;
}
.bannerBox a:link, .bannerBox a:visited {
	color: #fff;
}
.bannerBox a:active, .bannerBox a:hover {
	color: #fff;
}
.banner .item {
	opacity:1 !important;
}
.banner .imgbox {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0%;
	bottom: 0;
	overflow: hidden;
}
.banner .pimg {
	width: 100%;
	display: block;
	position: relative;
	left: 0;
	top: 0;
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform:translateX(100%);
opacity:1;
}
100% {
-webkit-transform:translateX(0);
opacity:1;
}
}
@keyframes slideIn {
0% {
transform:translateX(100%);
opacity:1;
}
100% {
transform:translateX(0);
opacity:1;
}
}
@-webkit-keyframes imgIn {
0% {
-webkit-transform:-webkit-translateX(-90%);
opacity:1;
}
100% {
-webkit-transform:-webkit-translateX(0);
opacity:1;
}
}
@keyframes imgIn {
0% {
transform:translateX(-90%);
opacity:1;
}
100% {
transform:translateX(0);
opacity:1;
}
}
.banner .pimg1 {
	display: block;
}
.banner .pimg2 {
	display: none;
}
.binbox {
	position: absolute;
    color: #fff;
    left: 8%;
    width: 650px;
    top: 20%;
    padding: 30px 24px 30px;
    background: url(../images/banner_bg.png) repeat-y scroll left top;
    transform: translateX(88px);
    -webkit-transform: translateX(88px);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    opacity: 0;
    visibility: hidden;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.binbox .zh-t, .binbox .zh-by, .binbox .bot, .binbox .en-t, .binbox .en-by {
	opacity: 0;
	visibility: visible;
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
}
.binbox .zh-t {
	font-size: 30px; 
	line-height: 1.2;
}
.binbox .zh-by {
	font-size: 46px;
	line-height: 1.5;
	/*font-weight:bold;*/
}
.binbox .bot {
	margin: 20px 0px 15px;
	width: 70px;
	height: 3px;
	background-color: #fff;
	display: block;
}
.binbox .en-t {
	font-size: 18px;
	line-height: 1.2;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 5px;
}
.binbox .en-by {
	font-size: 14px;
	line-height: 1.2;
}
.banner .slick-active {
	z-index:800 !important;
}
.banner .slick-active .imgbox {
	-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	-moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
}
.banner .slick-active .pimg {
	-webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
	-moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);
}
.banner .slick-active .binbox {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
transition: .68s .28s;
-webkit-transition: .68s .28s;
}
.banner .slick-active .zh-t {
-webkit-transition: all .68s 0.5s;
transition: all .68s 0.5s;
}
.banner .slick-active .zh-by {
-webkit-transition: all .68s 0.55s;
transition: all .68s 0.55s;
}
.banner .slick-active .bot {
-webkit-transition: all .68s 0.6s;
transition: all .68s 0.6s;
}
.banner .slick-active .en-t {
-webkit-transition: all .68s 0.7s;
transition: all .68s 0.7s;
}
.banner .slick-active .en-by {
-webkit-transition: all .68s 0.75s;
transition: all .68s 0.75s;
}
.banner .slick-active .zh-t, .banner .slick-active .zh-by, .banner .slick-active .bot, .banner .slick-active .en-t, .banner .slick-active .en-by {
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.banner .slick-dots {
	position: absolute;
	bottom: 5%;
	z-index: 800;
	width: 90%;
	left: 5%;
	text-align: right;
}
.banner .slick-dots li {
	margin: 0px 0px 0px 5px;
	position: relative;
	width: 17px;
	height: 17px;
	display: inline-block;
}
.banner .slick-dots a {
	width: 100%;
	height: 17px;
	overflow: hidden;
	display: block;
	background:url(../images/banner_i2.png) no-repeat scroll center center;
	text-indent: -2em;
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 0px;
	transition:300ms;
	-webkit-transition:300ms;
}
.banner .slick-dots li.slick-active a {
	background-image: url(../images/banner_i1.png);
}

.oneBoxList dd {
	height: 500px;
	float: left;
	position: relative;
	overflow: hidden;
}
.videoIbox{ width:45%}
.aboutIbox {
	width: 55%;
	background-color: #2c409b;
	color: #fff;
}
.aboutIbox a:link, .aboutIbox a:visited {
	color: #fff;
}
.aboutIbox a:active, .aboutIbox a:hover {
	color: #fff;
}
.aboutIbox .aboutInfo {
	padding:20px;
}
.aboutIbox .t {
	padding:  5%;
	line-height: 1.2;
}
.aboutIbox .name {
	font-size: 44px;
	font-family: "Conv_PFDinTextCondPro-Regular", arial, helvetica, sans-serif;
	text-transform:uppercase;
}
.aboutIbox .en {
	font-size: 24px; 
	font-family:  arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin-top:10px;
}
.aboutIbox .zh {
	font-size: 16px; display:none
}
.aboutIbox .con{ margin-top:30px; font-size:14px; line-height:2; color:#fff; width:100%; text-align:justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.aboutI-ul {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #4b5caa;
}
.aboutI-ul li {
	float: left;
	width: 25%;
}
/*.aboutI-ul li.lastMore{ width: 24%;}*/
.aboutI-ul article {
	border-left: 1px solid #4b5caa;
	padding:15px 0px 0px 24%;
	height: 120px;
	line-height: 1.5;
	font-size: 14px;
}
.aboutI-ul .num {
	font-size: 42px;
	font-family: "Conv_PFDinTextCondPro-Regular", arial, helvetica, sans-serif;
}
.aboutI-ul .bot {
	background-color: #fff;
	width: 18px;
	height: 2px;
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
}
.aboutI-ul .c {
	font-size: 14px;
}
.aboutI-ul .more {
	display: block;
	border-left: 1px solid #4b5caa;
	width: 100%;
	height: 135px;
	background: url(../images/more.png) no-repeat scroll center center;
}
.aboutI-ul .more:hover {
	background-position: 55% center;
}
.videobox {
	cursor: pointer;
}
.videoIbox .vimg {
	width: 100%;
	height: 500px;
}
.videoIbox .vimg .img {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
transition: transform .8s ease-out 0s;
-webkit-transition: -webkit-transform .8s ease-out 0s;
}
.black-20 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: url(../images/black_20.png) repeat;
	background: none rgba(0, 0, 0, 0.2);*/
}
.videoIbox .vico {
	background: url(../images/vico2.png) no-repeat;
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -28px 0px 0px -28px;
}
.videoIbox .vico i {
	background: url(../images/vico.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	animation: 3s linear 0s normal none infinite running vrotate;
	-webkit-animation: 3s linear 0s normal none infinite running Turnico;
}
@keyframes Turnico {
 0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(90deg);
}
 50% {
transform: rotate(180deg);
}
 75% {
transform: rotate(270deg);
}
 100% {
transform: rotate(360deg);
}
}
@keyframes Turnico {
 0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(90deg);
}
 50% {
transform: rotate(180deg);
}
 75% {
transform: rotate(270deg);
}
 100% {
transform: rotate(360deg);
}
}
.videoIbox:hover .vimg .black-20 {
	background:url(../images/black_35.png) repeat;
	background: none rgba(0, 0, 0, 0.35);
}
.videoIbox:hover .vimg .img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#videobox {
	position: absolute !important;
	left: 0;
	top: 0;
	height: 100% !important;
}
.newIbox {
	padding: 60px 45px;
}
.newIdemo a:link, .newIdemo a:visited {
	color: #2c409b;
}
.newIdemo a:active, .newIdemo a:hover {
	color: #2c409b;
}
.newIdemo .item {
	float: left;
	margin: 0px 40px;
	position: relative;
	overflow: hidden;
}
.newIdemo .time {
	color: #2c409b;
}
.newIdemo .tu {
	width:100%;
	margin-bottom:20px
}
.newIdemo .t {
	font-size: 18px;
	line-height: 1.5;
	margin: 12px 0px 18px;
	height: 27px;
	overflow: hidden;
}
.newIdemo .c {
	color: #9a9a9a;
	height: auto;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
	margin-bottom: 20px;
}
.newIdemo .item:hover .t, .newIdemo .item:hover .btn-viewMore2 .txt {
	color: #2c409b;
}
.btn-viewMore2 {
	position: relative;
	display: inline-block;
}
.btn-viewMore2 .i {
	position: absolute;
	left: 110%;
	background: url(../images/jt_2.png) no-repeat scroll right center;
	width: 18px;
	height: 100%;
	transition:400ms;
	-webkit-transition:400ms;
}
.btn-viewMore2:hover .i {
	background-image: url(../images/jt_3.png);
	width: 41px;
}
.newIdemo .item:hover .btn-viewMore2 .i {
	background-image: url(../images/jt_3.png);
	width: 41px;
}
.newIdemo .slick-arrow {
	background-color: #c7c7c7;
	width: 26px;
	height: 26px;
	z-index: 10;
	top: 50%;
	margin-top: -13px;
}
.newIdemo .slick-arrow i {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.newIdemo .slick-prev {
	left: -26px;
}
.newIdemo .slick-next {
	right: -26px;
}
.newIdemo .slick-prev i {
	background: url(../images/img_l1.png) no-repeat scroll center center;
}
.newIdemo .slick-next i {
	background: url(../images/img_r1.png) no-repeat scroll center center;
}
.newIdemo .slick-prev:hover, .newIdemo .slick-next:hover {
	background-color: #ffe83a;
}
.newIdemo .slick-prev:hover i {
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
}
.newIdemo .slick-next:hover i {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
.ilinkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
 
.productIbox dd {
	float: left;
	display: block;
	width: 25%;
	background-color: #ededed;
	position: relative;
}
.productIbox .img {
	position: relative;
	overflow: hidden;
	margin:0px 0px 81%;
	overflow: hidden;
	background:#fff;
}
.productIbox .img img {
	width: 100%;
	display: block;
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	-webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

.productIbox .twoItem .img {
	margin: 81% 0px 0px;
}
.productIbox .black-20 {
	opacity: 0;
	visibility: hidden;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIbox .con {
	position: absolute;
	left: 8%;
	top: 50%;
	width: 84%;
	height: 50%;
	text-align: center;
}
.productIbox .twoItem .con {
	top: 0;
}
.productIbox .arrow {
	background: url(../images/sj.png) no-repeat scroll center center;
	width: 19px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: -12px;
	margin-left: -9px;
}
.productIbox .twoItem .arrow {
	background-image: url(../images/sj2.png);
	top: auto;
	bottom: -12px;
}
.productIbox .info {
	padding-top: 15%;
	transform: translateY(32px);
	-webkit-transform: translateY(32px);
transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.productIbox .info .t {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 12px;
	color: #212121;
}
.productIbox .info .c {
	color: #676767;
	max-height: 76px;
	overflow: hidden;
	margin-bottom: 20px;
}
.productIbox .btn-viewMore {
	opacity: 0;
	visibility: hidden;
transition:  opacity .38s cubic-bezier(.4, 0, .2, 1), visibility .3s;
-webkit-transition:opacity .38s cubic-bezier(.4, 0, .2, 1), visibility .3s;
}
.btn-viewMore {
	text-align: left;
	position: relative;
	width: 104px;
	height: 32px;
	line-height: 32px;
	color: #383838 ;
	overflow: hidden;
	display: block;
	margin: 0px auto;
	padding: 0px 16px;
	z-index: 1;
	background-color:#ffe83a;
}
.btn-viewMore .i {
	background: url(../images/jt_1.png) no-repeat scroll right center;
	width: 41px;
	height: 100%;
	position: absolute;
	right: 16px;
	top: 0;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.btn-viewMore:hover .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(12px);
	-webkit-transform: translateX(12px);
	opacity: 0;
}
}
@-webkit-keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(12px);
	-webkit-transform: translateX(12px);
	opacity: 0;
}
}
.productIbox dd:hover .btn-viewMore .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.productIbox dd:hover .img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
}
.productIbox dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.productIbox dd:hover .info {
	transform: none;
	-webkit-transform: none;
}
.productIbox dd:hover .btn-viewMore {
	opacity: 1;
	visibility: visible;
}
.linkList a:link, .linkList a:visited {
	color: #676767;
}
.linkList a:active, .linkList a:hover {
	color: #212121;
}
.linkList {
	padding: 26px 0px;
}
.linkList .item {
	float: left;
	display: block;
	width: 176px;
	padding: 12px;
}
.linkList .img {
	display: block;
	margin: 0px auto;
	max-width: 100%;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.linkList .item .img:hover {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
}
/*index style end*/
/*about style*/
.pbanner {
	padding: 42px 0px;
	background: url(../images/yy.png) repeat-x #ededed;
	text-align: center;
	line-height: 1.5;
	position: relative;
	overflow: hidden;
}
.pbanner .en {
	color: #777777;
	font-weight: bold;
	font-size: 40px;
	text-transform: uppercase;
}
.pbanner .zh {
	font-size: 18px;
	color: #8e8e8e;
}
.pbanner .gp1 {
	background: url(../images/gq1.png) no-repeat;
	width: 161px;
	height: 161px;
	display: block;
	position: absolute;
	left: -1%;
	top: -1%;
	display: block;
	animation: 9s linear 0s alternate none infinite running do-icon-full-animation;
	-webkit-animation: 9s linear 0s alternate none infinite running do-icon-full-animation;
}
.pbanner .gp2 {
	background: url(../images/gq2.png) no-repeat;
	width: 228px;
	height: 228px;
	display: block;
	position: absolute;
	right: -3%;
	bottom: -3%;
	display: block;
	animation:7s ease 0s alternate none infinite running do-icon-animation;
	-webkit-animation:7s ease 0s alternate none infinite running do-icon-animation;
}
@keyframes do-icon-animation {
 0% {
 -moz-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -webkit-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -o-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -ms-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
}
 100% {
 -moz-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -webkit-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -o-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -ms-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
}
}
@-webkit-keyframes do-icon-animation {
 0% {
 -moz-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -webkit-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -o-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 -ms-transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
 transform:matrix(0.939693, 0.34202, -0.34202, 0.939693, -17.101, 46.9846);
}
 100% {
 -moz-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -webkit-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -o-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 -ms-transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
 transform:matrix(0.939693, -0.34202, 0.34202, 0.939693, -17.101, -46.9846);
}
}
@keyframes do-icon-full-animation {
 0% {
 -moz-transform:matrix(1, 0, 0, 1, 0, 0);
 -webkit-transform:matrix(1, 0, 0, 1, 0, 0);
 -o-transform:matrix(1, 0, 0, 1, 0, 0);
 -ms-transform:matrix(1, 0, 0, 1, 0, 0);
 transform:matrix(1, 0, 0, 1, 0, 0);
}
 100% {
 -moz-transform:matrix(-1, 0, 0, -1, 0, -80);
 -webkit-transform:matrix(-1, 0, 0, -1, 0, -80);
 -o-transform:matrix(-1, 0, 0, -1, 0, -80);
 -ms-transform:matrix(-1, 0, 0, -1, 0, -80);
 transform:matrix(-1, 0, 0, -1, 0, -80);
}
}
@-webkit-keyframes do-icon-full-animation {
 0% {
 -moz-transform:matrix(1, 0, 0, 1, 0, 0);
 -webkit-transform:matrix(1, 0, 0, 1, 0, 0);
 -o-transform:matrix(1, 0, 0, 1, 0, 0);
 -ms-transform:matrix(1, 0, 0, 1, 0, 0);
 transform:matrix(1, 0, 0, 1, 0, 0);
}
 100% {
 -moz-transform:matrix(-1, 0, 0, -1, 0, -80);
 -webkit-transform:matrix(-1, 0, 0, -1, 0, -80);
 -o-transform:matrix(-1, 0, 0, -1, 0, -80);
 -ms-transform:matrix(-1, 0, 0, -1, 0, -80);
 transform:matrix(-1, 0, 0, -1, 0, -80);
}
}
.about-pdl .img, .about-pdl .con {
	float: left;
	display: block;
	width: 50%;
}
.about-pdl .img img {
	vertical-align: middle;
}
.about-pdl-r .img {
	float: right;
}
.about-pdl .item {
	padding: 20px 0px 20px 20px;
}
.about-pdl-r .item {
	padding: 0px 20px 20px 0px;
}
.aboutT {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.5;
	color: #212121;
}
.honor-list {
	margin-top: 0;
}
.honor-list dd {
	padding: 15px 0px;
	transition: 400ms;
	-webkit-transition: 400ms;
	line-height: 1.5;
}
.honor-list .itemT {
	background: url(../images/honor_t.jpg) no-repeat scroll center bottom;
	background-size: cover;
	color: #fff;
	font-size: 16px;
}
.honor-list .item1, .honor-list .item2, .honor-list .item3 {
	float: left;
	display: block;
	padding-left: 4%;
}
.honor-list .item1 {
	width: 45%;
}
.honor-list .item2 {
	width: 18%;
}
.honor-list .item3 {
	width: 21%;
}
.honor-list .itemC {
	color: #787878;
}
.honor-list .twoItemC {
	background-color: #2c409b12;
}
.honor-list .itemC:hover {
	background-color: #777777;
	color: #fff;
}
.honor-list1{
	float:left;
	width:49%;}
.honor-list2{
	float:right;
	width:49%;}
.fixedImg {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
}
.history-bg {
	background: url(../images/white_70.png) repeat;
	background:  none rgba(255, 255, 255, 0.7);
}
.history-nav {
	text-align: center;
	padding: 112px 0px 35px;
}
.history-nav li {
	display: inline-block;
	width: 170px;
	padding-left: 70px;
*display: inline;
*zoom: 1;
	background: url(../images/hi_bot.png) no-repeat scroll 23px center;
	margin-bottom: 30px;
}
.history-nav li.firstItem {
	padding-left: 0;
}
.history-item {
	display:inline-block;
	background:url(../images/lj.png) no-repeat;
	width: 170px;
	height: 148px;
	position: relative;
	z-index: 1;
	color: #666;
	font-size: 16px;
	line-height: 1.2;
	cursor: pointer;
}
.history-item:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
	left:0%;
	top:0%;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	visibility: hidden;
	opacity: 0;
	background: url(../images/lj2.png) no-repeat scroll center center;
	transition:360ms ease-in-out;
	-webkit-transition:360ms ease-in-out;
}
.history-item.active:before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.history-item:hover {
	color: #2c409b;
}
.history-item .year {
	padding-top: 30%;
	font-weight: bold;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;
}
.historyPage a:link, .historyPage a:visited {
	color: #666;
}
.historyPage a:active, .historyPage a:hover {
	color: #2c409b;
}
.historyDemo {
	position: relative;
}
.history-line {
	position: absolute;
	left: 301px;
	width: 3px;
	height: 100%;
	background-color: #bebebe;
	top: 0;
}
.history-list {
	position: relative;
	z-index: 2;
	padding-bottom: 28px;
}
.history-list dt {
	padding-bottom: 52px;
}
.history-list dd {
	padding-bottom: 24px;
	position: relative;
}
.historyDemo .h-year {
	margin-left: 287px;
	padding-left: 60px;
	background: url(../images/dian_1.png) no-repeat scroll left top;
	font-weight: bold;
	font-size: 30px;
	color: #2c409b;
}
.history-list .img {
	margin: 0px 90px 0px 95px;
	float: left;
	display: block;
	width: 170px;
}
.history-list .img img {
	width: 100%;
	display: block;
}
.history-list .yd {
	background: url(../images/dian_2.png) no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	left: 296px;
	top: 48px;
}
.history-list .con {
	width: 504px;
	padding: 20px;
	background-color: #fff;
	float: left;
	display: block;
	color: #676767;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}
.history-list .con .day {
	font-size: 16px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.history-list .con .sj {
	background: url(../images/sj3.png) no-repeat;
	width: 11px;
	height: 14px;
	display: block;
	position: absolute;
	left: -10px;
	top: 50px;
}
.history-list .con .c {
	min-height: 75px;
}
.teamList dd {
	border: 1px solid #f0f0f0;
	margin-bottom: 32px;
	transition: 300ms;
}
.teamList figure {
	float: left;
	display: block;
	width: 20%;
}
.teamList figure img {
	width: 100%;
	display: block;
}
.teamList .con {
	padding: 30px 4%;
	float: left;
	display: block;
	width: 72%;
	color: #787878;
}
.teamList .t {
	color: #59544d;
	font-size: 16px;
	margin-bottom: 4%;
}
.teamList .name {
	font-size: 24px;
	font-weight: bold;
	padding-right: 5px;
}
.teamList dd:hover {
	box-shadow: 5px 5px 21px -5px rgba(0, 0, 0, 0.2);
}
.innovations-dl {
	width: 80%;
	margin: 0px auto;
}
.innovations-dl dd {
	float: left;
	display: block;
	width: 31.33%;
	padding: 70px 1%;
}
.initem {
	position: relative;
	z-index: 1;
	border-radius: 50%;
	display: block;
	width: 180px;
	height: 180px;
	margin: 0px auto;
	border:2px solid #676767;
	color: #676767;
	line-height: 1.5;
}
.initem .img {
	padding: 30px 0px 0px;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0px auto 8px;
	position: relative;
}
.initem .img .ico {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.initem .img .i2 {
	opacity: 0;
	visibility: hidden;
}
.initem:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
	left:0%;
	top:0%;
	background: none #676767;
	border-radius:50%;
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
.initem .name {
	display: block;
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.initem:hover:before {
	opacity: 1;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	visibility: visible;
}
.initem:hover {
	color: #fff;
}
.initem:hover .img {
	border-bottom-color: #fff;
}
.initem:hover .img .i1 {
	opacity: 0;
	visibility: hidden;
}
.initem:hover .img .i2 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
@keyframes gelatine {
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
from, to {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
 @-webkit-keyframes gelatine {
 from, to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
from, to {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
 25% {
-webkit-transform: scale(0.9, 1.1);
transform: scale(0.9, 1.1);
}
 50% {
-webkit-transform: scale(1.1, 0.9);
transform: scale(1.1, 0.9);
}
 75% {
-webkit-transform: scale(0.95, 1.05);
transform: scale(0.95, 1.05);
}
}
.innovations-list dd {
	float: left;
	display: block;
	margin-bottom: 32px;
}
.innovations-list .t {
	background: url(../images/bian.jpg) repeat;
	background-size:cover;
	color: #fff;
	border: 1px solid #cccccc;
	border-bottom: 0px none;
	padding: 10px 5%;
	font-size: 14px;
	font-weight: bold;
}
.innovations-list .con {
	padding: 30px 5%;
	border: 1px solid #cccccc;
}
.innovations-list1 dd {
	width: 50%;
}
.innovations-list1 dd:nth-child(even) {
position: relative;
left: -1px;
}
.innovations-list1 .con {
	min-height: 252px;
}
.innovations-list2 {
	margin-left: -2%;
}
.innovations-list2 dd {
	width: 31.33%;
	margin-left: 2%;
}
.innovations-list2 .con {
	min-height: 516px;
}
/*about style end*/
/*news style*/
.pbanner2 {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.pbanner2 .load-img {
	width: 100%;
	display: block;
}
.newsList a:link, .newsList a:visited {
	color: #2c409b;
}
.newsList a:active, .newsList a:hover {
	color: #2c409b;
}
.newsList dd {
	position: relative;
	overflow: hidden;
	padding-left: 460px;
	height: 294px;
	color: #4a4a4a;
	padding-bottom: 38px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 45px;
}
.newsList .tiemBox {
	width: 82px;
	background-color: #eae6e2;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	position: absolute;
	left: 0;
	top: 0;
}
.newsList .tiemBox .day {
	font-size: 51px;
	color: #000;
	line-height: 1.5;
}
.newsList .tiemBox .time {
	display: block;
	border-top: 1px solid #fff;
	font-size: 12px;
	padding:25px 0;
}
.newsList .img {
	position: absolute;
	left: 100px;
	top: 0;
	width: 340px;
	overflow: hidden;
}
.newsList .img img {
	width: 100%;
	display: block;
	transition: all 0.6s 0s;
	-webkit-transition: all 0.6s 0s;
}
.newsList .black-20 {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
.newsList .con h4 {
	font-weight: bold;
	font-size: 20px;
	line-height:1.5;
}
.newsList .con .c {
	margin: 24px 0px;
	height: 76px;
	overflow: hidden;
	color: #9b9b9b;
}
.newsList dd:hover .more, .newsList dd:hover h4 {
	color: #2c409b;
}
.newsList dd:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.newsList dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.paging {
	text-align: center;
}
.paging a:link, .paging a:visited {
	color: #676767;
}
.paging a:active, .paging a:hover {
	color: #fff;
	background-color: #2c409b;
}
.paging a, .paging span {
	display: inline-block;
	margin: 0px 5px;
	border: 1px solid #bdbdbd;
	font-size: 14px;
	width: 52px;
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
}
.paging .prev, .paging .next {
	display: inline-block;
}
.paging .prev {
	/*background: url(../images/prev.png) no-repeat scroll center center;*/
}
.paging .next {
	/*background: url(../images/next.png) no-repeat scroll center center;*/
}
.paging a.active, .paging span {
	background-color: #2c409b;
	border-color: #2c409b;
	color: #fff!important;
} 
.paging a.active, .paging span:nth-child(1){ display:none}
.infoPage {
	background-color: #f2f2f2;
	position: relative;
	padding: 0px 0px 80px;
	overflow: hidden;
	width: 100%;
}
.infoPage .ys1 {
	background: url(../images/ys.png) no-repeat;
	background-attachment: fixed;
	width: 405px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.infoPage .ys2 {
	background: url(../images/ys2.png) no-repeat scroll right bottom;
	background-attachment: fixed;
	width: 448px;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.infoPage .inner {
	position: relative;
}
.infoT {
	padding: 34px 0px;
	color: #212121;
}
.infoT .t {
	font-size: 32px;
	line-height: 1.4;
	margin-bottom: 5px;
}
.infoT .time {
	color: #828282;
}
.infoC {
	background-color: #fff;
	padding:70px 64px;
}
.pager {
	color: #212121;
	text-align: center;
	margin-top: 25px;
}
.pager a:link, .pager a:visited {
	color: #212121;
}
.pager a:active, .pager a:hover {
	color: #fff;
}
.pager a {
	height: 58px;
	line-height: 58px;
}
.pager .list {
	background: url(../images/list.png) no-repeat scroll left center;
	padding-left: 32px;
	margin: 0px auto;
	display: inline-block;
}
.pager .prev, .pager .next {
	border: 1px solid #898989;
	display: block;
	position: relative;
}
.pager .prev {
	padding: 0px 38px 0px 0px;
	width: 138px;
	float: left;
	text-align: right;
}
.pager .next {
	padding: 0px 0px 0px 38px;
	width: 138px;
	float: right;
	text-align: left;
}
.pager .prev i {
	position: absolute;
	top:0;
	height: 100%;
	background: url(../images/mjt1.png) no-repeat scroll left center;
	width: 31px;
	right: 108px;
	display: block;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
.pager .next i {
	position: absolute;
	top:0;
	height: 100%;
	background: url(../images/mjt2.png) no-repeat scroll right center;
	width: 31px;
	left: 108px;
	display: block;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
.pager .prev:hover, .pager .next:hover {
	background-color: #2c409b;
	border-color: #2c409b;
}
.pager .prev:hover i {
	background-image: url(../images/mjt3.png);
	width: 56px;
}
.pager .next:hover i {
	background-image: url(../images/mjt4.png);
	width: 56px;
}
.pager .list:hover {
	color: #2c409b;
}
.videoList dd {
	width:24%;
	float:left;
	margin-right:1%;
	margin-bottom: 40px;
	position: relative;
}
.videoList dd:nth-child(2n+2) {
}
.videoList dd figure {
	display:block;
	position:relative;
	overflow:hidden;
	line-height:0;
}
.videoList dd figure img {
	display:block;
	width:100%;
	height:auto;
	line-height:1;
	transition:455ms;
}
.videoList dd figure .vico {
	display:block;
	width:57px;
	height:57px;
	background:url(../images/vico1.png) center no-repeat;
	position:absolute;
	right:0;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
}
.videoList dd article {
	display:block;
	line-height:57px;
	height:57px;
	border-bottom:1px solid #d9d9d9;
	text-align:center;
	color:#666666;
	font-size:16px;
	font-weight:normal;
	position:relative;
	transition:320ms;
}
.videoList dd article:before {
	content:"";
	width:100%;
	height:1px;
	background:#2c409b;
	position:absolute;
	left:0;
	bottom:-1px;
	opacity:0;
	visibility:hidden;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transition:426ms;
	transform-origin:left top;
	-webkit-transform-origin:left top;
}
.videoList dd:hover figure img {
	transform:scale(1.04);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
}
.videoList dd:hover article {
	color:#2c409b;
}
.videoList dd:hover article:before {
	opacity:1;
	visibility:visible;
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
}

.videoList2 dd {
	width:24%;
	float:left;
	margin-right:1%;
	margin-bottom: 40px;
	position: relative;
}
.videoList2 dd:nth-child(2n+2) {
}
.videoList2 dd figure {
	display:block;
	position:relative;
	overflow:hidden;
	line-height:0;
}
.videoList2 dd figure img {
	display:block;
	width:100%;
	height:auto;
	line-height:1;
	transition:455ms;
}
.videoList2 dd figure .vico {
	display:block;
	width:57px;
	height:57px;
	background:url(../images/vico1.png) center no-repeat;
	position:absolute;
	right:0;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
}
.videoList2 dd article {
	display:block;
	line-height:57px;
	height:57px;
	border-bottom:1px solid #d9d9d9;
	text-align:center;
	color:#666666;
	font-size:16px;
	font-weight:normal;
	position:relative;
	transition:320ms;
}
.videoList2 dd article:before {
	content:"";
	width:100%;
	height:1px;
	background:#2c409b;
	position:absolute;
	left:0;
	bottom:-1px;
	opacity:0;
	visibility:hidden;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transition:426ms;
	transform-origin:left top;
	-webkit-transform-origin:left top;
}
.videoList2 dd:hover figure img {
	transform:scale(1.04);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
}
.videoList2 dd:hover article {
	color:#2c409b;
}
.videoList2 dd:hover article:before {
	opacity:1;
	visibility:visible;
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
}


/*news style end*/
/*prodcut style*/
.pro-info-t {
	font-size: 24px;
	color: #777;
	line-height: 1.4;
	text-align: left;
}
.pro-info-by {
	font-size: 16px;
	color: #8e8e8e;
	text-align: left;
	line-height: 1.8;
}
.pro-info-con .pageC {
	font-size: 16px;
	color: #676767;
}
.pro-img-demo {
	margin-top: 60px;
}
.pro-img-demo dd {
	float: left;
	display: block;
	margin-right: 3px;
}
.pro-img-demo .img {
	display: block;
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}
.pro-img-demo .img-item1 {
	width: 352px;
}
.pro-img-demo .img-item2 {
	width: 268px;
}
.pro-img-demo .img-item3 {
	width: 574px;
	margin-right: 0px;
}
.pro-img-demo .img-item3 figure {
	float: left;
	display: block;
}
.pro-img-demo figure {
	margin-bottom: 3px;
	position: relative;
}
.pro-img-demo .pro-kc-item1, .pro-img-demo .pro-kc-item3, .pro-img-demo .pro-kc-item6, .pro-img-demo .pro-kc-item7 {
	margin-bottom: 0px;
}
.pro-kc-item4, .pro-kc-item6 {
	margin-right: 3px;
}
.pro-kc-item4 {
	width: 58%;
}
.pro-kc-item7 {
	width: 57.9%;
}
.pro-kc-item5, .pro-kc-item6 {
	width: 41.4%;
}
.pro-kc-item5 {
	background-color: #ededed;
}
.pro-kc-item5 .txt {
	position: absolute;
	left: 0;
	top: 42%;
	color: #2c409b;
	width: 100%;
	text-align: center;
	font-size: 2em;
	line-height: 1.2;
}
.productPage {
	padding: 35px 0px;
}
.proT {
	font-size: 30px;
	margin-bottom: 15px;
}
.prodcutDemo a:link, .prodcutDemo a:visited {
	color: #676767;
}
.prodcutDemo a:active, .prodcutDemo a:hover {
	color: #2c409b;
}
.prodcutDemo {
	padding-bottom: 10px;
}
.prodcutDemo ul {
	margin-left: -2%;
}
.prodcutDemo .item {
	float: left;
	display: block;
	width: 31.33%;
	margin:0px 0px 2% 2%;
}
.prodcutDemo .img {
	overflow: hidden;
}
.prodcutDemo .img img {
	width: 100%;
	display: block;
	transition: all 0.6s 0s;
	-webkit-transition: all 0.6s 0s;
}
.ppnum {
	border: 1px solid #9f9f9f;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #747474;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	position: relative;
}
.ppnum .cnum {
	color: #2c409b;
}
.ppnum .arrow {
	width: 30px;
	z-index: 10;
	height: 100%;
	position: absolute;
	top: 0;
}
.ppnum .arrow i {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.ppnum .prev {
	left: 17px;
}
.ppnum .next {
	right: 17px;
}
.ppnum .prev i {
	background: url(../images/mjt1.png) no-repeat scroll left center;
}
.ppnum .next i {
	background: url(../images/mjt2.png) no-repeat scroll right center;
}
.ppnum .prev:hover i {
	background-image: url(../images/mjt5.png);
}
.ppnum .next:hover i {
	background-image: url(../images/mjt6.png);
}
.ppnum .arrow:hover {
	width: 56px;
}
.prodcut-list a:link, .prodcut-list a:visited {
	color: #666;
}
.prodcut-list a:active, .prodcut-list a:hover {
	color: #fff;
}
.prodcut-list {
	margin-bottom: 50px;
}
.prodcut-list dt {
	background: url(../images/honor_t.jpg) no-repeat scroll left top #f6ad06;
	padding: 10px 4%;
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
}
.prodcut-list dd {
	position: relative;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.5;
	color: #666666;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.prodcut-list .item1, .prodcut-list .item2, .prodcut-list .item3, .prodcut-list .item4, .prodcut-list .item5 {
	float: left;
	display: block;
	padding:15px 0px 15px 4%;
	width: 15%;
}
.prodcut-list .item1 {
	width: 18%;
}
.prodcut-list .item2 {
	width: 19%;
}
.prodcut-list .item5 {
	width: 12%;
}
.prodcut-list .itemC {
	color: #787878;
}
.prodcut-list .twoItemC {
	background-color: #fbeee0;
}
.prodcut-list .itemC:hover {
	background-color: #777777;
	color: #fff;
}
.prodcut-list .more-l {
	background: url(../images/more_2.png) no-repeat scroll right center;
	padding-right: 15px;
	color: #fff;
}
.prodcut-list .twoItemC .more-l {
	color: #fbeee0;
}
.prodcut-list dd:hover .more-l {
	background-image: url(../images/more_3.png);
}
.blackBtn {
	position: relative;
	display: inline-block;
	line-height: 50px;
	color: #676767;
}
.blackBtn:before {
	content:"";
	width:100%;
	height:5px;
	background-color:#2c409b;
	position:absolute;
	left:0;
	bottom:-3px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.blackBtn.active:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.blackBtn:hover {
	color: #2c409b;
}
.pro-i-box a:link, .pro-i-box a:visited {
	color: #676767;
}
.pro-i-box a:active, .pro-i-box a:hover {
	color: #2c409b;
}
.pro-i-box {
	background-color: #f2f2f2;
	padding: 50px 0px;
}
.pro-i-box dd {
	float: left;
	display: block;
	width: 50%;
}
.pro-i-box dl {
	background-color: #fff;
	margin: 0px 45px 0px 86px;
	position: relative;
}
.pro-i-box .plogo {
	position: absolute;
	left:3%;
	width: 25%;
	position: absolute;
	top: 0;
}
.pro-i-box .plogo img {
	width: 100%;
	display: block;
}
.pro-i-box .img {
	margin-left:28%;
	width: 72%;
}
.pro-i-box .img img {
	width: 100%;
	display: block;
}
.pro-i-box .imgbox {
	background-color:#f2f2f2;
	position: relative;
}
.pro-i-box .t {
	background: url(../images/pro_t.jpg) no-repeat scroll right top #6c6c6c;
	font-size: 24px;
	padding:10px 5%;
	color: #fff;
}
.pro-i-box .con {
	padding: 20px 5%;
	background-color: #fff;
}
.pro-i-box .item {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0px;
}
.pro-i-box .item:last-child {
	border-bottom: 0px none;
}
.serviceLINK {
	position: absolute;
	right: -28px;
	bottom: 5%;
	background-color: #2c409b;
	padding: 10px 74px 10px 12px;
	color: #fff;
}
.serviceLINK .txt {
	color: #fff;
}
.serviceLINK i {
	background: url(../images/mjt4.png) no-repeat scroll left center;
	width: 56px;
	right: 12px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}
.serviceLINK:hover {
	background-color: #6C6C6C;
}
.serviceLINK:hover i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	opacity: 0;
}
}
@-webkit-keyframes mouse-dot {
 from {
opacity: 0;
}
 33% {
opacity: 1;
}
to {
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	opacity: 0;
}
}
.proPage table {
	border-collapse:collapse;
	margin:0 auto!important;
	width:100%!important;
	font-size: 16px;
}
.proPage table tr td {
	border: 1px solid #676767;
	text-align: center;
	padding:15px!important;
	margin: 0px!important;
}
.proPage table th {
	background-color: #6c6c6c!important;
	color: #fff;
	border: 1px solid #676767;
}
.proPage table tr:first-child {
	background-color: #6c6c6c!important;
	color: #fff;
	font-weight: bold;
}
.proPage table tr td:first-child {
	text-align: left;
}
/*prodcut style end*/
/*brand style*/
.concept-tab {
	padding: 38px 0px 18px;
	width: 80%;
	margin: 0px auto;
}
.concept-tab li {
	float: left;
	display: block;
	width: 33.33%;
}
.conceptItem {
	margin: 0px auto;
	width: 100px;
	color: #676767;
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.conceptItem .img {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0px auto 15px;
	position: relative;
}
.conceptItem .img .ico {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.conceptItem .img .i2 {
	opacity: 0;
	visibility: hidden;
}
.conceptItem .i {
	background: url(../images/sj4.png) no-repeat;
	width: 20px;
	height: 14px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -10px;
	transition: 300ms;
	-webkit-transition: 300ms;
	opacity: 0;
	visibility: hidden;
}
.conceptItem:hover .img .i1, .concept-tab .active .conceptItem .img .i1 {
	opacity: 0;
	visibility: hidden;
}
.conceptItem:hover .img .i2, .concept-tab .active .conceptItem .img .i2 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.conceptItem:hover .i, .concept-tab .active .conceptItem .i {
	opacity: 1;
	visibility: visible;
}
.concept-tab-con {
	background-color: #fff;
	border: 1px solid #e4e4e4;
	position: relative;
	overflow: hidden;
}
.concept-tab-c {
	padding: 38px 5%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	color: #676767;
}
.concept-tab-c h4 {
	font-weight: normal;
	font-size: 25px;
	margin-bottom: 15px;
	color: #383838;
}
.make_transist {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}
.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
	z-index: 1;
}
.oneshwoTab .showscale {
	position: relative;
	display: block;
}
.spirit-T {
	text-align: center;
	color: #383838;
}
.spirit-T .t {
	font-size: 30px;
}
.spirit-T .c {
	font-size: 16px;
}
.spiritList {
	padding-top: 50px;
	margin-left: -1%;
	color: #676767;
}
.spiritList dd {
	float: left;
	display: block;
	width: 32.33%;
	margin-left: 1%;
}
.spiritList article {
	border: 1px solid #eaeaea;
	padding: 38px 30px;
	min-height: 230px;
}
.spiritList article h3 {
	font-weight: normal;
	font-size: 25px;
	margin-bottom: 15px;
	color: #383838;
}
/*brand style end*/
/*responsibility style*/
.responsibility-page {
	position: relative;
	width: 1000px;
	margin: 0px auto;
}
.responsibility-page .line {
	width: 3px;
	height: 100%;
	background-color: #bebebe;
	position: absolute;
	left: 63px;
	top: 0;
}
.responsibility-page dd, .responsibility-page dl {
	position: relative;
}
.responsibility-page .time {
	width: 128px;
	background-color: #787878;
	padding: 25px 0px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
}
.responsibility-page .con {
	margin-left: 206px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.responsibility-page .t {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 15px;
	color: #4a4a4a;
}
.responsibility-page .c {
	color: #a4a4a4;
	margin-bottom: 15px;
}
.responsibility-page .more {
	color: #2c409b;
}
.responsibility-page dd:hover .time {
	background-color: #2c409b;
}
.responsibility-page .con:hover .t {
	color: #2c409b;
}
.responsiblility-img li {
	float: left;
	display: block;
	width: 19%;
	margin:12px 1% 0px 0px;
	overflow: hidden;
}
.responsiblility-img li img {
	width: 100%;
	display: block;
}
.ledmore:link, .ledmore:visited {
	color: #787878;
}
.ledmore:active, .ledmore:hover {
	color: #2c409b;
}
.ledmore {
	display: block;
	position: relative;
	top: -1px;
	text-align: center;
	padding: 5px 0px;
}
.ledmore .txt {
	background: url(../images/arrow.png) no-repeat scroll right center;
	padding-right: 26px;
}
/*responsibility style end*/
/*phosphorusNutrition style*/
.phos-t {
	font-size: 40px;
	font-weight: bold;
	color: #777777;
}
.phos-by {
	color: #8e8e8e;
	font-size: 18px;
}
.phos-dl {
	text-align: center;
	padding-top: 50px;
}
.phos-dl dd {
	display: inline-block;
	display: inline-block;
*display: inline;
*zoom: 1;
	margin: 0px 25px;
}
.phositem {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0px auto;
	color: #787878;
	font-size: 16px;
	line-height: 1.5;
	background: url(../images/x1.png) no-repeat;
	background-size: cover;
	width: 180px;
	height: 207px;
}
.phositem .img {
	padding: 30px 0px 0px;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0px auto 8px;
	position: relative;
}
.phositem .img .ico {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.phositem .img .i2 {
	opacity: 0;
	visibility: hidden;
}
.phositem:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index: -1;
	left:0%;
	top:0%;
	background: url(../images/x2.png) no-repeat;
	background-size: cover;
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
.phositem .name {
	display: block;
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.phositem .sj {
	background: url(../images/sj4.png) no-repeat scroll center bottom;
	width: 12px;
	height: 9px;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -22px;
	opacity: 0;
	visibility: hidden;
}
.phositem:hover:before, .phositem.active:before {
	opacity: 1;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	visibility: visible;
}
.phositem:hover, .phositem.active {
	color: #fff;
}
.phositem:hover .img .i1, .phositem.active .img .i1 {
	opacity: 0;
	visibility: hidden;
}
.phositem:hover .img .i2, .phositem.active .img .i2 {
	opacity: 1;
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.phositem.active .sj {
	opacity: 1;
	visibility: visible;
}
.phos-con {
	width: 80%;
	margin: 0px auto 50px;
}
.phos-cimg {
	margin-left: -1%;
	padding-bottom: 40px;
}
.phos-cimg li {
	float: left;
	display: block;
	width: 32.33%;
	margin:0px 0px 20px 1%;
}
.phos-cimg img {
	width: 100%;
	display: block;
}
.chT {
	font-size: 24px;
	line-height: 1.5;
	color: #000000;
	margin-bottom: 32px;
}
.phos-list {
	border-top: 1px solid #d4d4d4;
}
.phos-list a:link, .phos-list a:visited {
	color: #616060;
}
.phos-list a:active, .phos-list a:hover {
	color: #fff;
}
.phos-list li {
	border-bottom: 1px solid #d4d4d4;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
	font-size: 18px;
}
.phos-list li .more {
	float: right;
	display: block;
	background: url(../images/more_jt.png) no-repeat scroll right center;
	padding-right: 18px;
	margin-right: 20px;
	color: #fff;
	font-size: 12px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.phos-list li a {
	display: block;
	position: relative;
	z-index: 1;
	padding-left: 8px;
}
.phos-list li a:before {
	content:"";
	z-index: -1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #2c409b;
-webkit-transition:-webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
transition:transform .38s cubic-bezier(.4, 0, .2, 1);
transition:transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
	transform:scaleY(0);
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transform-origin:50% 100% 0;
	-webkit-transform-origin:50% 100% 0;
	visibility:hidden\9;
}
.phos-list li a:hover:before {
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
	transform-origin:50% 0 0;
	-webkit-transform-origin: 50% 0 0;
	visibility:visible\9;
}
.phos-list li:hover .more {
	background-image: url(../images/more_jt2.png);
	padding-right: 44px;
}
.bgf2 {
	background-color: #F2F2F2;
}
/*phosphorusNutrition style end*/
/*hr style*/
.humanPage {
	width: 90%;
	margin: 0px auto;
}
.hrlist dd {
	float: left;
	display: block;
	width: 50%;
}
.hrItem {
	position: relative;
	overflow: hidden;
}
.hrItem .whitebg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: url(../images/white_70.png) repeat;
	background: none rgba(255, 255, 255, 0.7);*/
	transition: 300ms;
	-webkit-transition: 300ms;
}
.hrItem img {
	width: 100%;
	display: block;
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	-webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.hrItem .con {
	position: absolute;
	left: 0;
	top: 100%;
	padding: 0px 8%;
	width: 84%;
	color: #8e8e8e;
	margin-top: -45px;
transition: top 600ms, marginTop .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: top 600ms, marginTop .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.hrItem .con .t {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
	border-bottom: 1px solid #8e8e8e;
}
.hrItem:hover .whitebg {
	background: url(../images/white_90.png) repeat;
	background: none rgba(255, 255, 255, 0.8);
}
.hrItem:hover .con {
	top: 10%;
	margin-top: 0;
}
.hrItem:hover .con .t {
	color: #777777;
	border-bottom-color: #777777;
}
.hrItem:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.join-t {
	padding: 32px 0px;
	font-size: 24px;
}
.slider-nav {
	float: left;
	display: block;
	width: 22%;
}

.jiameng{ width:100%;  background:#f3f3f3; height:620px; font-size:0; vertical-align:top}
.jiameng .left{ width:calc(100% - 615px); padding:50px; height:calc(100% - 100px); display:inline-block; vertical-align: top;}
.jiameng .left h1{ font-size:24px; color:#2c409b; line-height:2; margin-bottom:20px;}
.jiameng .left ul{ width:100%}
.jiameng .left ul li{width:100%; height: 30px; margin:10px 0; display:inline-block; font-size:16px; line-height:30px;}
.jiameng .left ul li i{   
    width: 35px;
    height: 30px;
    background: #373c76;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    float: left; 
    margin-right: 15px; font-style: normal;}
.jiameng .left  p{ color:#373c76; font-size:16px; margin-top:50px; font-weight:bold}
.jiameng .right{ width:515px; height:100%;    display:inline-block; vertical-align: top;}
.jiameng .right img{ width:100%}

.oem{ width:100%; height:auto; font-size:0;}
.oem li{ width:100%; height:auto; display:inline-block; vertical-align:top;  background:#f3f3f3;}
.oem li img{ width:100%}
.oem li .left , .oem li .right{ width:50%;  display:inline-block; vertical-align:top}
.oem li h1{ padding:50px 50px 20px 50px;  font-size:24px; color:#2c409b; line-height:1.6; }
.oem li p{ font-size:14px; padding:0 50px 20px 50px}



#joinPage {
	padding:80px 0;
}
#joinPage .humanPage {
	background-color: #fff;
	padding: 40px 0px 60px;
}
.joinC {
	float: right;
	display: block;
	width:96%;
	margin: 0 2%;
}
.human-T {
	font-size: 20px;
	color: #212121;
}
.slider-nav .human-T {
	margin-left: 32px;
}
.slider-nav-list a:link, .slider-nav-list a:visited {
	color: #616060;
}
.slider-nav-list a:active, .slider-nav-list a:hover {
	color: #fff;
}
.slider-nav-list {
	border-top: 1px solid #dbdbdb;
	margin-top: 10px;
	padding-top: 20px;
}
.slider-nav-list a {
	display: block;
	padding: 8px 0px 8px 10%;
	font-size: 16px;
}
.slider-nav-list a.active, .slider-nav-list a:hover {
	background-color: #2c409b;
	color: #fff;
}
.joinBy {
	margin: 0 5% 20px 0px;
}
.joinSelect a:link, .joinSelect a:visited {
	color: #676767;
}
.joinSelect a:active, .joinSelect a:hover {
	color: #fff;
}
.joinSelect {
	padding: 20px 0px 30px;
	line-height: 28px;
}
.joinSelect .sebox {
	float: left;
	display: block;
	margin:0px 28px 8px 0px;
}
select.ss {
	width: 170px;
	height: 28px;
	line-height: 28px;
	padding: 0px 0px 0px 15px;
	vertical-align: middle;
	border: 1px solid #dbdbdb;
	background-color: #e5e5e5;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "microsoft yahei";
	color: #646464;
	cursor: pointer;
	display: block;
	font-size: 14px;
	margin:0px 0px 0px 4px;
	background: url(../images/SICO.png) no-repeat scroll 94% center;
	float: left;
	display: block;
}
.no-csstransitions select.ss {
	padding-left: 0;
	background: none;
}
select.ss option {
	padding: 2px 15px;
}
select.ss:hover {
	color: #212121;
	border-color: #E98205;
}
.chabtn {
	width: 52px;
	height: 28px;
	height: 28px;
	text-align: center;
	float: left;
	display: block;
	background-color: #dbdbdb;
}
.chabtn:hover {
	background-color: #E98205;
}
.joinList {
	font-size: 14px;
	padding: 10px 0px 40px;
	color: #969696;
	border-top: 1px solid #DBDBDB;
	padding-top: 10px;
}
.joinList .joinspan {
	text-align:center;
	cursor:pointer;
	width: 25%;
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
}
.joinList .joinspan1 {
	text-align: left;
	padding-left: 5%;
	width: 30%;
}
.joinList .joinspan4 {
	width: 15%;
}
.joinList dd {
	margin-bottom: 3px;
	position: relative;
}
.joinList .joindt {
	height: 60px;
	overflow: hidden;
}
.joinList .joinT {
	background-color: #838383;
}
.joinList .joinT .joinspan {
	line-height: 46px;
	height: 46px;
	transition:400ms;
	-ms-transition:400ms;
	-webkit-transition:400ms;
	-moz-transition:400ms;
	color:#fff;
}
.joinList .ib {
	width:21px;
	height:21px;
	margin: 15px auto 0px;
	display: block;
	position:relative;
	transition:400ms;
	-webkit-transition:400ms;
	-moz-transition:400ms;
	-ms-transition:400ms;
}
.joinList .ib i {
	display:block;
	background-color:#fff;
}
.joinList .ib .ic1 {
	width:2px;
	height:21px;
	margin-left:10px;
}
.joinList .ib .ic2 {
	width:21px;
	height:2px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1px;
}
.joinList .joinB {
	display: none;
}
.joinList .joinCon {
	width: 91%;
	margin: 0px auto;
	padding:30px 0px 22px;
	overflow: hidden;
}
.joinList .joinCon .pageC {
	color: #969696;
}
.hline {
	border-top: 1px solid #eeeeee;
	padding: 22px 0px;
	margin-top: 35px;
}
.hline a:link, .hline a:visited {
	color: #2c409b;
	text-decoration: underline;
}
.hline a:active, .hline a:hover {
	color: #212121;
}
.joinList .active .ib {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
}
.joinList .active .ib .ic2 {
	display: none;
}
.joinList dd.active .joinT, .joinList dd:hover .joinT {
	background-color:#2c409b;
}
/*hr style end*/
/*investor style */
.investorBanner a:link, .investorBanner a:visited {
	color: #fff;
}
.investorBanner a:active, .investorBanner a:hover {
	color: #2c409b;
}
.investorBanner {
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.investorBanner .t {
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.investorBanner .t .num {
	font-family: "pf_din_text_comp_proregular";
	padding-left: 10px;
}
.zhangdie {
	font-size: 40px;
	font-family: "pf_din_text_comp_proregular";
	line-height: 1.2;
	margin-bottom: 20px;
}
.zhangdie .ico {
	font-size: 20px;
	background: url(../images/dd.png) no-repeat scroll right center;
	padding: 0px 26px 0px 18px;
	text-transform: uppercase;
}
.zhangdie .ico.green {
	background: url(../images/zz.png) no-repeat scroll right center;
}
.investorBanner .list {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 460px;
	padding: 12px 0px;
}
.investorBanner .list li {
	float: left;
	display: block;
	font-size: 14px;
	width: 115px;
}
.investorBanner .c {
	padding: 28px 0px;
}
.filler {
	position: absolute;
	display: block;
	-webkit-transition: 0.3s ease 0s;
	transition: 0.3s 0s;
}
.noticeList {
	margin-left: -2%;
	padding: 20px 0px;
}
.noticeList li {
	float: left;
	display: block;
	width:23%;
	margin: 0px 0px 2% 2%;
}
.noticeList .item {
	background-color: #f6f6f6;
	position: relative;
	display: block;
	padding: 67px 18px 18px;
}
.noticeList .item .time {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #2c409b;
	color: #fff;
	text-align: center;
	width: 67px;
	height: 67px;
	font-family: Arial;
}
.noticeList .item .time .num {
	font-size: 24px;
}
.noticeList .t {
	color: #8e8f8f;
	height: 50px;
	overflow: hidden;
	margin: 25px 0px 36px;
}
.noticeList .item .down-btn {
	color: #8e8f8f;
	background: url(../images/pdfico.png) no-repeat scroll left center;
	height: 35px;
	display: block;
	padding-left: 40px;
	line-height: 35px;
	width: 60px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.noticeList .filler {
	background-color: #2c409b;
	z-index: 5;
}
.noticeList .filler-left {
	width: 1px;
	height: 0%;
	left: 0%;
	top: 0%;
}
.noticeList .filler-right {
	width: 1px;
	height: 0%;
	right: 0%;
	bottom: 0%;
}
.noticeList .filler-top {
	width: 0%;
	height: 1px;
	right: 0%;
	top: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.noticeList .filler-bottom {
	width: 0%;
	height: 1px;
	left: 0%;
	bottom: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.noticeList .item:hover .filler-left {
	height: 100%;
}
.noticeList .item:hover .filler-right {
	height: 100%;
}
.noticeList .item:hover .filler-top {
	width: 100%;
}
.noticeList .item:hover .filler-bottom {
	width: 100%;
}
.noticeList .item:hover .down-btn {
	background-image: url(../images/pdfico2.png);
	color: #2c409b;
}
#noticePage {
	padding: 20px 0px 60px;
}
.allMore:link, .allMore:visited {
	color: #676767;
}
.allMore:active, .allMore:hover {
	color: #fff;
}
.allMore {
	display: block;
	width: 170px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	margin: 0px auto;
	border: 1px solid #676767;
	position: relative;
	z-index: 1;
}
.allMore:before {
	content:"";
	width:100%;
	height:100%;
	background-color:#2c409b;
	position:absolute;
	left:0;
	z-index: -1;
	bottom:0px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1);
transition:transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.allMore:hover:before {
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform-origin:0;
	-webkit-transform-origin:0;
	visibility:visible\9;
}
.allMore:hover {
	border-color: #2c409b;
}
#presentationPage {
	padding-bottom: 60px;
}
.presentationPage {
	padding: 40px 0px 0px;
}
.presentationList a:link, .presentationList a:visited {
	color: #676767;
}
.presentationList a:active, .presentationList a:hover {
	color: #2c409b;
}
.presentationList {
	padding-bottom: 40px;
}
.presentationList dd {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	color: #676767;
	margin-bottom: 12px;
}
.presentationList .item {
	padding: 15px 15% 40px 28px;
	border: 1px solid #bebebe;
}
.presentationList .time {
	background: url(../images/time_ico.png) no-repeat scroll left center;
	padding-left: 22px;
	color: #999999;
}
.presentationList .t {
	font-size: 20px;
	font-weight: bold;
	margin: 14px 0px;
	line-height: 1.5;
}
.presentationList .pdf {
	background: url(../images/pdf2.png) no-repeat;
	width: 38px;
	height: 53px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -26px;
}
.presentationList .filler {
	background-color: #2c409b;
	z-index: 5;
}
.presentationList .filler-left {
	width: 1px;
	height: 0%;
	left: 0%;
	top: 0%;
}
.presentationList .filler-right {
	width: 1px;
	height: 0%;
	right: 0%;
	bottom: 0%;
}
.presentationList .filler-top {
	width: 0%;
	height: 1px;
	right: 0%;
	top: 0%;
	-webkit-transition: 0.8s ease 0.3s;
	transition: 0.8s ease 0.3s;
}
.presentationList .filler-bottom {
	width: 0%;
	height: 1px;
	left: 0%;
	bottom: 0%;
	-webkit-transition: 0.8s ease 0.3s;
	transition: 0.8s ease 0.3s;
}
.presentationList dd:hover .filler-left {
	height: 100%;
}
.presentationList dd:hover .filler-right {
	height: 100%;
}
.presentationList dd:hover .filler-top {
	width: 100%;
}
.presentationList dd:hover .filler-bottom {
	width: 100%;
}
.presentationList dd:hover .pdf {
	background-image: url(../images/pdf1.png);
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
/*investor style  end*/
/*contact style*/
.mapBox {
	height: 400px;
}
.contactPage {
	position: relative;
	overflow: hidden;
	padding:1% 0;
}
.contactPage .bgf2 {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
}
.contactPage .inner {
	position: relative;
	z-index: 2;
}
.contactList dd {
	float: left;
	display: block;
	width: 50%;
}
.contactList .t {
	padding: 40px 0px 8px;
	font-size: 24px;
	color: #000000;
}
.con-left-box .c {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 22px 10px 45px 0px;
	font-size: 16px;
	color: #676767;
}
.con-left-box .c-i {
	padding-left: 30px;
	background-position: left 6px;
	background-repeat: no-repeat;
	margin-bottom:8px;
}
.con-left-box .c-i1 {
	background-image: url(../images/c_i1.png);
}
.con-left-box .c-i2 {
	background-image: url(../images/c_i2.png);
}
.con-left-box .c-i3 {
	background-image: url(../images/c_i3.png);
}
.con-left-box .c-i4 {
	background-image: url(../images/c_i4.png);
}
.addressList li {
	float: left;
	display: block;
	width: 45%;
	padding:48px 5% 48px 0px;
}
.addressList .item2 {
	border-left: 1px solid #cccccc;
	width: 41%;
	padding-left: 5%;
	padding-right: 3%;
}
.addressList .add {
	font-size: 18px;
	line-height: 1.5;
	color: #414141;
	margin-bottom: 10px;
}
.con-right-box .t {
	padding-left: 8%;
}
.formbox {
	margin-left: 8%;
}
.formbox p {
	padding-bottom:10px;
}
.formbox .ctxt {
	color: #212121;
	padding: 12px 3%;
	height: 25px;
	line-height: 25px;
	width: 93%;
	font-size: 14px;
	font-family: "microsoft yahei";
	border: 1px solid #c9c9c9;
	background-color: #F2F2F2;
}
.formbox .ctxt3 {
	height: 65px;
	resize: none;
}
.contactPage a.moreMess {
	color: #fff;
}
.moreMess {
    padding:0 3%;
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #fff; 
    display: block;
    position: relative;
    z-index: 1;
    border: none;
	background: url(../images/mjt4.png)#2c409b no-repeat scroll right center;
	background-position:97% center;
	 
}
.moreMess:hover{
	background: url(../images/mjt4.png)#253a89 no-repeat scroll right center;background-position:97% center;
	-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-ms-transition-duration:0.4s;
transition-duration:0.4s;
}
.moreMess .ico {
	background: url(../images/mjt4.png) no-repeat scroll left center;
	height: 100%;
	position: absolute;
	top: 0;
	width: 56px;
	right: 2%;
}
.moreMess:before {
	content:"";
	width:100%;
	height:100%;
	background: url(../images/mjt4.png)#253a89 no-repeat scroll right center;
	position:absolute;
	left:0;
	z-index: -1;
	bottom:0px;
	transform-origin:100%;
	-webkit-transform-origin:100%;
-webkit-transition:-webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
transition:-webkit-transform .5s cubic-bezier(.4, 0, .2, 1);
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	visibility:hidden\9;
}
.formbox input[type="text"]:focus, .formbox textarea:focus {
	border-color: #2c409b;
	color: #2c409b;
}
/*contact style end*/
.phosinfo-page {
	overflow: hidden;
	width: 920px;
}
.phosinfo-page table {
	width: 100% !important;
}
.pages {
	padding:25px 0;
	text-align: center;
}
.pages * {
	margin: 0 2px;
}
.pages a {
	border: 1px solid #bfbfbf;
	color:#646464;
	padding: 2px 5px;
}
.pages a:hover {
	color:#f00;
	border: 1px solid #F00;
}
.pages span {
	padding: 2px 5px;
}
.pages span.nolink {
	color:#ccc;
	border: 1px solid #CCCCCC;
}
/*

.productIbox2 *{
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;}
.productIbox2 dd{
	float:left;
	width:50%;
	overflow:hidden;
	position:relative;}
.productIbox2 dd .img{
	float:left;
	overflow:hidden;
	width:70%;
	position:relative;}
.productIbox2 dd .img img{
	position:absolute;
	width:100%;
	left:0;
	top:0;}
.productIbox2 dd .img:before{
	content:"";
	display:block;
	width:100%;
	padding-bottom:60%;}
.productIbox2 dd .con{
	width:30%;
	position:absolute;
	right:0;
	top:50%;
	transform: translate(0,-50%);
	text-align:center;}
.productIbox2 .arrow {
	background: url(../images/sj3.png) no-repeat scroll center center;
	width: 11px;
	height: 14px;
	position: absolute;
	left:-11px;
	top:50%;
	margin-top: -7px;}
.productIbox2 dd.twoItem .img{
	float:right;}
.productIbox2 dd.twoItem .con{
	right:70%;}
.productIbox2 dd.twoItem .arrow{
	background: url(../images/sj5.png) no-repeat scroll center center;
	left:100%;}
.productIbox2 dd .con .t{
	font-size: 24px;
	margin-bottom: 18px;}
.productIbox2 dd .con .c{
	width: 60%;
	text-align: justify;
	margin-left: 20%;
	margin-bottom:20px;}


.productIbox2 dd .btn-viewMore{
	opacity: 0;}
.productIbox2 dd:hover .btn-viewMore .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.productIbox2 dd:hover .con{
	top:45%}
.productIbox2 dd:hover .img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
}
.productIbox2 dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.productIbox2 dd:hover .info {
	transform: none;
	-webkit-transform: none;
}
.productIbox2 dd:hover .btn-viewMore {
	opacity: 1;
	visibility: visible;
}*/

.indextitle{ width:100%; padding:50px 0; text-align:center}
.indextitle h1{ font-size:42px; color:#e9e9e9; line-height:1; text-transform:uppercase; width:100%; display:block; letter-spacing:2px; font-family:"Conv_PFDinTextCondPro-Regular", arial, helvetica, sans-serif}
.indextitle b{ color: #2c409b;font-size: 38px; margin-top: -20px; line-height:1;  width:100%; display:block}

.productIbox2 dl{
	width:100%;
	margin:auto 0;}
.productIbox2 dl dd{
	float:left;
	width:25%;
	box-sizing: border-box;
	position:relative;
	padding:0 ;
	overflow:hidden}
.productIbox2 dl dd a{ color:#383838}
.productIbox2 dl dd .img  { overflow:hidden}
.productIbox2 dl dd img{
	transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	-webkit-transition: all 0.9s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
	width:100%;}
.productIbox2 dd .con{
	text-align:center;
transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.productIbox2 dd .con .t{
	font-size: 24px;
	margin-bottom: 18px;}
.productIbox2 dd .con .c{
	width:80%;
	margin:0 auto;}
.productIbox2 dd .btn-viewMore{
	margin-top:15px;
	opacity: 0;}
	
.productIbox2 .info {
	transform:none;
	-webkit-transform:none;
transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.productIbox2 dd:hover .btn-viewMore .i {
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
.productIbox2 dd:hover .img img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08); overflow:hidden
}
.productIbox2 dd:hover .black-20 {
	opacity: 1;
	visibility: visible;
}
.productIbox2 dd:hover .info {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
}
.productIbox2 dd:hover .btn-viewMore {
	opacity: 1;
	visibility: visible;
}


.testvideo{ width:100%; height:388px;list-style:none; margin-top:0; padding:0}
.testvideo li{ width:50%; height:100%; float:left; overflow:hidden; position:relative}
.testvideo li video{ width:100%; height:100%;object-fit:fill;}
.testvideo li .vimg {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}
.testvideo li .vimg .img {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    transition: transform .8s ease-out 0s;
    -webkit-transition: -webkit-transform .8s ease-out 0s;
}
.testvideo li:hover .vimg .black-20 {
	background:url(../images/black_35.png) repeat;
	background: none rgba(0, 0, 0, 0.35);
}
.testvideo li:hover .vimg .img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.testvideo li .black-20 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/black_20.png) repeat;
	background: none rgba(0, 0, 0, 0.2);
}
.testvideo li .vico {
	background: url(../images/vico2.png) no-repeat;
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -28px 0px 0px -28px;
}
.testvideo li .vico i {
	background: url(../images/vico.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	animation: 3s linear 0s normal none infinite running vrotate;
	-webkit-animation: 3s linear 0s normal none infinite running Turnico;
}
@media screen and (max-width: 1440px){
	.testvideo{ height:320px}
	.footDL .ermImg{ width:350px}
}
@media screen and (max-width: 1024px){
	.testvideo{ height:300px}
	.videoIbox .vimg{ height:300px;}
	.jiameng{ height:auto}
	.jiameng .right{ width:400px;}
	.jiameng .left{ width:calc(100% - 450px); padding:25px;}
	.jiameng .left ul li { font-size:14px;  }
	.jiameng .left p{ font-size:14px; margin-top:10px;}
	.oem li h1{ padding:35px 35px 15px 35px; font-size:18px;}
	.oem li p{ padding:0 35px 15px 35px}
}
@media screen and (max-width: 768px){
	.oem li .left, .oem li .right{ width:100%}
	.oem li{ margin-bottom:10px;}
	.oem li h1{ font-size:16px; padding:20px 20px 10px 20px}
	.oem li p{ padding:0 20px 20px 20px; line-height:1.6}
	.testvideo{ height:auto} 
	.testvideo li{ width:100%; height:175px;float:none} 
	.indextitle h1{ font-size:28px;} 
	.indextitle b{ font-size:24px ;margin-top: -10px;;}
	.indextitle{ padding:30px 0}
	.productIbox2 dd .con .t{ font-size:14px; margin-bottom:10px; margin-top:10px;}
	.productIbox2 dd .btn-viewMore{ display:none}
	.jiameng{ }
	.jiameng .left h1{ font-size:18px; margin-bottom:10px;}
	.jiameng .left ul li{ height:35px; line-height:normal; vertical-align:middle; margin:5px 0}
	.jiameng .left ul li i{ width:30px; height:35px; line-height:35px; font-size:14px; margin-right:10px;}
	.jiameng .left{ width:calc(100% - 40px); padding:20px;}
	.jiameng .right{ display:none}
}