@charset "utf-8";

body::-webkit-scrollbar{width:1px}
body::-webkit-scrollbar-thumb{background:#ccc}
body::-webkit-scrollbar-track{background:#fff}
  body::-webkit-scrollbar{display:none}
  .warps .about_nub li {height:auto;} 
/* 
 * Project Name:蓝光
 * Author:浅浅
 * Date：2015-8-19
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
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,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
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;
}



html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

/* always display scrollbars */
body {
	/* font: 12px/1.8 "Microsoft JhengHei", "Helvetica Neue", "Hiragino Sans GB", Arial, "SimSun", sans-serif; */
	margin: 0 auto;
	color: #989898;
	background-color: #fff;
	-webkit-tap-highlight-color: (0, 0, 0, 0.2);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}
*{
font-family: "思源黑体"!important;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

input {
	outline: none;
}

img {
	border: 0;
}

input[type="text"],
input:not([type]),
input[type="button"],
input[type="submit"],
select,
textarea {
	border-radius: 0;
	box-shadow: none;
	outline: 0 none !important;
	overflow: auto;
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

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

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

a {
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	-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: 1120px;*/
	width: 100%;
	margin: 0px auto;
}

.head {
	background-color: #567598;
	height: 80px;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 500;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

.top {
	position: relative;
}

.top a:link,
.top a:visited {
	color: #fff;
}

.top a:active,
.top a:hover {
	color: #83c7ff;
}

.head .logo {
	float: left;
	display: block;
	width: 113px;
	margin-top: 36px;
}

.head .logo img {
	width: 100%;
	display: block;
}

.navbox {
	float: right;
	display: block;
	width: 861px;
	padding-top: 32px;
	height: 48px;
	position: relative;
}

.navbox .nav li {
	float: left;
	display: block;
	width: 99px;
	display: inline-block;
	text-align: center;
	position: relative;
	line-height: 48px;
}

.navbox .nav li.line1 {
	width: 68px;
}

.navbox .nav li.hov a {
	color: #83c7ff;
}

.navbox .nav a {
	font-size: 14px;
}

.mtop {
	height: 80px;
}

.subbox {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 792px;
	border-top: 2px solid #acccec;
	background-color: #5899dd;
	height: 246px;
	padding: 0px 0px 0px 68px;
	display: none;
}

.subboxAct .subnav {
	display: block;
}

.subnav {
	line-height: 1.8;
	float: left;
	display: inline-block;
	border-left: 1px solid #4f89c6;
	height: 186px;
	padding: 30px 0px;
	width: 98px;
	position: relative;
	z-index: 1;
	display: none;
}

.subnav a {
	padding: 5px;
	display: block;
	position: relative;
	text-align: center;
}

.subnav:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: -1;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.csstransitions .subnav:before {
	background: #6ba8e7;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.csstransitions .subnavAct.subnav:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.no-csstransitions .subnavAct {
	background: #6ba8e7;
}

.mobileBox {
	background-color: #f6f6f6;
	padding: 25px 0px;
	width: 100%;
	position: relative;
	z-index: 100;
	display: none;
}

.menu-handler {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: none;
	float: right;
	position: relative;
}

.menu-handler .burger {
	width: 30px;
	height: 4px;
	background: #fff;
	display: block;
	position: absolute;
	z-index: 5;
	top: 14px;
	left: 50%;
	margin: 0 0 0 -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: 24px;
}

.menu-handler .burger-3 {
	top: 34px;
}

.csstransforms .menu-handler.active .burger-1 {
	top: 24px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.csstransforms .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;
}

.csstransforms .menu-handler.active .burger-3 {
	top: 24px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.csstransitions .trans,
.csstransitions .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}

.csstransitions .trans-fast,
.csstransitions .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;
}

.no-csstransitions .menu-handler.active .burger-1,
.no-csstransitions .menu-handler.active .burger-2,
.no-csstransitions .menu-handler.active .burger-3 {
	display: none;
}

.no-csstransitions .menu-handler.active {
	background: url(../images/mob_close.png) no-repeat scroll center center;
}

.navMobile dd {
	display: block;
	width: 100%;
}

.navMobile dd p a {
	text-transform: uppercase;
	font-size: 16px;
}

.navMobile dd a {
	display: block;
	padding: 14px 0px 14px 5%;
	line-height: 1.4;
	font-size: 14px;
	color: #434343;
}

.navMobile dd a:hover,
.navMobile dd a.cur {
	background-color: #3c669c;
	color: #fff;
}

.navMobile dd a:active {
	background-color: #5899dd;
	color: #fff;
}

.navMobile dd .msubnav {
	background-color: #fff;
	display: none;
}

.navMobile dd .msubnav a {
	color: #7e7e7e;
}

.navMobile dd .msubnav a:hover {
	background-color: #e6e6e6;
}

.serachbtn {
	background: url(../images/serach_ico.png) no-repeat scroll center center;
	width: 24px;
	height: 48px;
	margin-top: 32px;
	float: right;
	display: block;
	margin-left: 14px;
}

.searchBox {
	position: absolute;
	right: 0px;
	top: 100px;
	width: 215px;
	height: 40px;
	border-top: 2px solid #acccec;
	background-color: #5899dd;
	display: none;
}

.searchBox .search-btn,
.searchBox .search-txt {
	margin: 0px;
	float: left;
	display: block;
	padding: 0px;
	border: 0px none;
	background: transparent;
	color: #fff;
	font: 12px/30px "Microsoft JhengHei";
}

.searchBox .search-txt {
	margin-left: 5%;
	width: 80%;
	padding: 5px 0px;
	height: 30px;
}

input.search-txt::-webkit-input-placeholder {
	color: #fff !important;
}

.searchBox .search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 24px;
	height: 40px;
	background: url(../images/serach_ico.png) no-repeat scroll center center #5899dd;
}

.linkIbox a:link,
.linkIbox a:visited {
	color: #c9d5e3;
}

.linkIbox a:active,
.linkIbox a:hover {
	color: #fff;
}

.linkIbox {
	background-color: #567598;
	padding: 4% 0px;
	color: #c9d5e3;
	position: relative;
	z-index: 10;
}

.linkIbox dd {
	float: left;
	display: block;
	width: 13%;
	overflow: hidden;
}

.linkIbox dd.item8 {
	width: 9%;
}

.linkIbox .t {
	margin-bottom: 12px;
}

.linkIbox .t a {
	font-size: 16px;
	color: #fff;
}

.linkIbox .c {
	line-height: 2.2;
}

.linkIbox a:hover {
	margin-left: 5px;
}

.linkIbox dd.article-block {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.linkIbox dd.articleShow {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1;
	transition: all 570ms ease-in-out 0s;
}

.foot {
	background-color: #213855;
	padding: 40px 0px;
	color: #fff;
	position: relative;
	z-index: 10;
}

.foot a:link,
.foot a:visited {
	color: #fff;
}

.foot a:active,
.foot a:hover {
	color: #c8d2de;
}

.foot .article-block {
	opacity: 0;
}

.foot .articleShow {
	opacity: 1;
	transition: all 200ms ease 100ms;
}

.lett {
	padding: 0px 0px 10px;
}

.lett .s {
	padding-right: 10px;
}

.lett .s1 {
	background: url(../images/f1.png) no-repeat scroll left center;
	padding-left: 20px;
}

.lett .s2 {
	background: url(../images/f2.png) no-repeat scroll left center;
	padding-left: 20px;
}

.lett .s3 {
	background: url(../images/f3.png) no-repeat scroll left center;
	padding-left: 20px;
}

.foot .sharpBox {
	width: 120px;
	letter-spacing: 0.1em;
}

.foot .sharpBox .c {
	padding-top: 10px;
}

.sharpBox a {
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	background: url(../images/sharp.png) no-repeat scroll 0px -38px;
	float: left;
	position: relative;
}

.sharpBox a.a1 {
	background-position: 0px -37px;
}

.sharpBox a.a2 {
	background-position: -46px -38px;
}

.sharpBox a.a3 {
	background-position: -93px -38px;
}

.sharpBox a em {
	background: url(../images/sharp.png) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.sharpBox a .ibg {
	background: url(../images/sharp2.png) no-repeat scroll 0px 0px;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 300ms;
}

.sharpBox a:hover .ibg {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}

.sharpBox a.a1 .i {
	background-position: 0px 0px;
}

.sharpBox a.a2 .i {
	background-position: -47px 0px;
}

.sharpBox a.a3 .i {
	background-position: -94px 0px;
}

.sharpBox a.a3 {
	margin-right: 0px;
}

.hotBox {
	position: fixed;
	left: 0px;
	top: 12%;
	z-index: 550;
	left: -715px;
}

.hotTitle {
	height: 148px;
	width: 30px;
	margin-top: 145px;
	background-color: #0063b4;
	color: #fff;
	text-align: center;
	padding: 60px 4px 0px 0px;
	float: left;
	display: block;
	cursor: pointer;
}

.hotTitle .ico {
	background: url(../images/hot_l.png) no-repeat;
	width: 8px;
	height: 26px;
	position: absolute;
	right: -8px;
	top: 50%;
	margin-top: -13px;
}

.hotitem {
	background-color: #f6f6f6;
	width: 220px;
	height: 118px;
	text-align: center;
	color: #0063b4;
	font-size: 16px;
	padding-top: 50px;
}

.hotPage {
	background: url(../images/black_png.png) repeat;
	padding: 20px;
	float: left;
	display: block;
	width: 675px;
}

.hotPage li {
	width: 220px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 0px 5px 5px 0px;
}

.hotPage li img {
	width: 100%;
}

.hotPage li a {
	display: block;
	position: relative;
	width: 220px;
	height: 150px;
	overflow: hidden;
}

.hotPage li a span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	color: #fff;
	background: url(../images/hottxtbg.png) repeat;
}

.backTop {
	background: url(../images/backTop.png) no-repeat scroll center bottom;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 5%;
	right: 1%;
	z-index: 1100;
	display: none;
}

.backTop .ico {
	display: block;
	width: 11px;
	height: 12px;
	background: url(../images/backTop_ico.png) no-repeat scroll center top;
	margin: 18px auto 0px;
	-webkit-transition: all 400ms;
	-ms-transition: all 400ms;
	-moz-transition: all 400ms;
	transition: all 400ms;
}

.backTop:hover .ico {
	margin-top: 14px;
}

/*.header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	background: #fff;
	display: none;
}

.header .logo {
	line-height: 1;
	padding: 20px 3% 15px;
	position: relative;
	z-index: 10;
	background: #fff;
}

.header .logo img {
	display: block;
	width: 96px !important;
	height: auto;
	transition: none;
}

.header .nav {
	display: flex;
	padding-top: 12px;
	display: -webkit-flex;
	display: -ms-flexbox;
	position: relative;
	background: #fff;
	position: relative;
	z-index: 10;
}

.header .nav>li {
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.header .nav>li>a {
	display: block;
	color: #000000;
	font-size: 16px;
	line-height: 1;
	position: relative;
	padding-bottom: 12px;
	display: flex;
	display: -webkit-flex;
	white-space: nowrap;
	justify-content: center;
	-webkit-justify-content: center;
}

.header .nav>li>a:before {
	content: "";
	width: 100%;
	height: 3px;
	background: #2481fc;
	position: absolute;
	left: 0;
	bottom: 0;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
	transition: transform .5s cubic-bezier(.215, .61, .355, 1);
	transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .64s cubic-bezier(.215, .61, .355, 1);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	visibility: hidden\9;
}

.header .nav>li.active>a {
	color: #2481fc;
}

.header .nav>li.active>a:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.header .nav>li.more>a:before {
	display: none;
}

.header .nav>li.more.active>a i {
	background: url(../images/arrow2.png) center no-repeat;
	background-size: cover;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}*/

.pheight {
	height: 102px;
}

.header .nav>li>a i {
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-top: 4px;
	margin-left: 0.07px;
	background: url(../images/arrow1.png) center no-repeat;
	background-size: cover;
	position: relative;
	transition: 0.4s;
}

.menu-leval {
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
}

.headerbgs {
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 1.15px;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: 0.58s;
}

.menu-leval li {
	text-align: center;
}

.menu-leval li a {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 16px;
	line-height: 2.5;
	border-bottom: 1px solid #e7e7e7;
}

.menu-leval li a:hover,
.menu-leval li a.active {
	background: #eef5ff;
}

.header.show .headerbgs {
	opacity: 1;
	visibility: visible;
}

.header .nav>li.more,
.header .nav>li.more a {
	cursor: pointer;
}

.header.show .nav>li.more>a {
	color: #2481FC;
}

.header.show .nav>li.more>a i {
	background: url(../images/arrow2.png) center no-repeat;
	background-size: cover;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.footer {
	display: none;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center;
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}

/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
	0% {
		opacity: 1;
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1;
	}
}

@keyframes empty {
	0% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px);
	}

	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%);
	}

	100% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%);
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px);
	}

	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%);
	}

	100% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%);
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px);
	}

	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%);
	}

	100% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%);
	}
}

@-webkit-keyframes backSlideIn {

	0%,
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(200%);
	}

	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0);
	}
}

@-moz-keyframes backSlideIn {

	0%,
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(200%);
	}

	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(0) translateX(0);
	}
}

@keyframes backSlideIn {

	0%,
	25% {
		opacity: .5;
		transform: translateZ(-500px) translateX(200%);
	}

	75% {
		opacity: .5;
		transform: translateZ(-500px);
	}

	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0);
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8);
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-moz-transform: scale(.8);
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8);
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
	}
}

@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%);
	}
}

@keyframes goDown {
	from {
		transform: translateY(-100%);
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5);
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5);
	}
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #9c9c9c;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #c61210;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 0%;
	background: url(../images/a_l3.png) no-repeat 0 bottom;
}

.bx-wrapper .bx-next {
	right: 0%;
	background: url(../images/a_r3.png) no-repeat right bottom;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 top;
}

.bx-wrapper .bx-next:hover {
	background-position: right top;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	o utline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/*base style*/
/*index style*/
.banner a:link,
.banner a:visited {
	color: #fff;
}

.banner a:active,
.banner a:hover {
	color: #fff;
}

.banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #fff;
}

.banner {
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	color: #fff;
	font-family: "Microsoft JhengHei";
	background-color: #fff;
}

.bannerLeft,
.bannerRight {
	background: url(../images/banner_L.png) no-repeat;
	width: 30px;
	height: 51px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	display: none;
	cursor: pointer;
	z-index: 500;
}

.bannerLeft {
	left: -5%;
}

.bannerRight {
	background-image: url(../images/banner_r.png);
	right: -5%;
}

.bannerLeft a,
.bannerRight a {
	display: block;
	width: 100%;
	height: 100%;
}

.bannerBox {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner .pic {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner .pic img {
	width: 100%;
	display: block;
	position: absolute;
}

.banner .binbox {
	position: absolute;
	width: 1120px;
	left: 50%;
	top: 28%;
	margin-left: -560px;
	text-align: right;
}

.banner .binbox .t1 {
	font: 36px/1.8 "Microsoft JhengHei";
	position: relative;
	display: block;
	margin-bottom: 36px;
}

.banner .binbox .c {
	font: 16px/1.8 "Microsoft JhengHei";
	width: 60%;
	margin-bottom: 58px;
}

.bmore {
	font-size: 14px;
}

/*.banner .pic1 .binbox { text-align: right; }
.banner .pic2 .binbox { color: #00a4e0; }
.banner .pic2 .binbox a:link, .banner .pic2 .binbox a:visited { color: #00a4e0; }
.banner .pic2 .binbox a:active, .banner .pic2 .binboxr a:hover { color: #00a4e0; }*/
.banner .owl-controls {
	margin: 0px;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 5%;
}

.banner .owl-controls .owl-page span {
	background: url(../images/num_21.png) no-repeat scroll 0 0;
	border-radius: 0px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 6px;
	outline: 0 none;
	text-indent: -9999px;
}

.banner .owl-controls .owl-page.active span,
.banner .owl-controls.clickable .owl-page:hover span {
	background: url(../images/num_2.png) no-repeat scroll 0 0;
}

/*.banner .bx-wrapper .bx-pager{ height: 13px; bottom: 5%; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; margin-top: 0px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ height: 13px; line-height: 13px; width: 13px; margin: 0px 6px; display: inline-block; overflow: hidden; background: url(../images/num_21.png) no-repeat scroll center center; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: url(../images/num_2.png) no-repeat scroll center center;}*/
.ibox .boxitem {
	float: left;
	display: block;
	color: #fff;
	width: 33.33%;
	position: relative;
	overflow: hidden;
}

.ibox .boxitem.item3 {
	width: 66.66%;
}

.boxitem a:link,
.boxitem a:visited {
	color: #fff;
}

.boxitem a:active,
.boxitem a:hover {
	color: #fff;
}

.boxitem .img {
	display: block;
	width: 100%;
	transition: 600ms;
}

.boxitem .ibg {
	background: url(../images/blue_bg.png) repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	transition: 300ms;
}

.boxitem .itemtxt {
	position: absolute;
	width: 100%;
	left: 0%;
	top: 0%;
	height: 100%;
	text-align: center;
	display: table-cell;
	z-index: 5;
	transition: 400ms;
}

.boxitem .itemtxt .t {
	font: 24px/1.5 "Microsoft JhengHei";
	padding-top: 24%;
	transition: 300ms;
}

.boxitem .itemtxt .c {
	font: 14px/1.8 "Microsoft JhengHei";
	transition: all 300ms ease 100ms;
}

.boxitem .ico {
	background: url(../images/ibox_i1.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	margin: 10% auto 0px;
	transition: 300ms;
}

.proIbox2 .item1 {
	float: right;
}

.boxitem .more {
	background-color: #fff;
	color: #3871b9;
	width: 98px;
	height: 28px;
	display: block;
	margin: 10% auto 0px;
	text-align: center;
	line-height: 28px;
	transition: all 300ms ease 200ms;
}

.boxitem.item1 .ibg {
	background-image: url(../images/blue_bg2.png);
	display: none;
	z-index: 10;
}

.boxitem.item1:hover .ibg {
	display: block;
}

.boxitem.item1:hover .itemtxt {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.boxitem.item2 .itemtxt .t {
	padding-top: 33%;
	margin-bottom: 10px;
}

.proIbox1 .boxitem.item2 .itemtxt .c,
.proIbox1 .boxitem.item2 .itemtxt .more,
.proIbox2 .boxitem.item2 .itemtxt .c,
.proIbox2 .boxitem.item2 .itemtxt .more {
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	top: 30px;
}

.proIbox1 .boxitem .itemtxt .t {
	padding-top: 35%;
}

.proIbox1 .boxitem.item2 .itemtxt .t {
	padding-top: 45%;
}

.boxitem.item2 .itemtxt::before,
.boxitem.item2 .itemtxt::after {
	opacity: 0;
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
}

.boxitem.item2 .itemtxt::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
}

.boxitem.item2 .itemtxt::after {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
}

.boxitem.item2 .itemtxt::before,
.boxitem.item2 .itemtxt::after {
	transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	content: '';
	box-sizing: border-box;
}

.boxitem.item2:hover .itemtxt::before,
.boxitem.item2:hover .itemtxt::after {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.proIbox1 .boxitem {
	width: 25%;
}

.proIbox1 .boxitem.item2:hover .itemtxt .t {
	padding-top: 35%;
}

.proIbox2 .boxitem.item2:hover .itemtxt .t {
	padding-top: 25%;
}

.proIbox1 .boxitem.item2:hover .itemtxt .c,
.proIbox1 .boxitem.item2:hover .itemtxt .more,
.proIbox2 .boxitem.item2:hover .itemtxt .c,
.proIbox2 .boxitem.item2:hover .itemtxt .more {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0px;
}

.boxitem:hover .img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.boxitem:hover .ibg {
	display: none;
}

.article-block .boxitem {
	position: relative;
	top: 50px;
	opacity: 0;
}

.articleShow .boxitem {
	top: 0px;
	opacity: 1;
}

.articleShow .acitem1 {
	transition: all 400ms ease 200ms;
}

.articleShow .acitem2 {
	transition: all 600ms ease 300ms;
}

.articleShow .acitem3 {
	transition: all 800ms ease 400ms;
}

.articleShow .acitem4 {
	transition: all 800ms ease 600ms;
}

.proIbox2.articleShow .acitem2 {
	transition: all 400ms ease 200ms;
}

.proIbox2.articleShow .acitem1 {
	transition: all 600ms ease 300ms;
}

.proIbox2.articleShow .acitem3 {
	transition: all 800ms ease 400ms;
}

.article-block .weixin1 {
	transform: translate(-50px, 0px);
	-webkit-transform: translate(-50px, 0px);
	opacity: 0;
}

.article-block .weixin2 {
	transform: translate(50px, 0px);
	-webkit-transform: translate(50px, 0px);
	opacity: 0;
}

.articleShow .weixin {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 400ms ease 200ms;
}

.follow {
	overflow: hidden;
}

.follow a {
	transition: background-color 300ms;
	width: 50%;
	padding: 5% 0px;
	float: left;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #f6f6f6;
	position: relative;
}

.follow img {
	display: block;
	margin: 0px auto;
	max-width: 80%;
}

.follow .weixin2 {
	background: #fff;
}

.follow a:hover {
	background: #e5e3e3;
}

.shade {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(../images/black_png.png) repeat;
	z-index: 700;
	display: none;
}

.wBox {
	text-align: center;
	position: fixed;
	left: 50%;
	top: 55%;
	display: none;
	z-index: 710;
}

.wBox dd {
	width: 166px;
	display: inline-block;
	text-align: center;
	color: #fff;
}

.wBox dd .name {
	height: 32px;
	line-height: 32px;
	font-size: 16px;
}

.wBox img {
	width: 100%;
	display: block;
	border-radius: 5px;
}

.w1Box {
	width: 166px;
	margin: -94px 0px 0px -83px;
}

.w2Box {
	width: 372px;
	margin: -94px 0px 0px -186px;
}

.w2Box dd {
	float: left;
	margin: 0px 10px;
}

/*index style end*/
/*about style*/
.pageAct {
	color: #c5c5c5;
	line-height: 30px;
}

.pageAct .ico {
	background: url(../images/home_ico.png) no-repeat scroll left center;
	padding-left: 26px;
}

.pageAct a:link,
.pageAct a:visited {
	color: #c5c5c5;
}

.pageAct a:active,
.pageAct a:hover {
	color: #5899dd;
}

.pageAct span {
	padding: 0px 5px;
}

.pageAct span.act {
	padding: 0px;
}

.pbanner {
	color: #fff;
}

.pbanner {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-position: center top;
	height: 51vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
}

.pbanner .vt {
	position: relative;
	width: 100%;
	display: block;
}

.pbanner .pbtxt {
	position: absolute;
	left: 50%;
	color: #fff;
	width: 1120px;
	margin-left: -560px;
	top: 20%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.pbanner .pbtxt p {
	position: relative;
	display: none;
	top: 40px;
}

.pbanner .pbtxt .zh1 {
	font: 36px/1.2 "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	color: white;
}

.pbanner .pbtxt .zh2 {
	font: 18px/1.5 "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	padding-top: 20px;
}

.pageBox {
	padding: 100px 0px;
}

.pageBoxT {
	text-align: center;
}

.pageBoxT .en {
	font: 30px/1.5 Arial, "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", "SimSun", sans-serif;
	color: #5899dd;
	text-transform: uppercase;
}

.pageBoxT .zh {
	font: 30px/1.4 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	color: #747474;
}

.pageBoxC a:link,
.pageBoxC a:visited {
	color: #c5c5c5;
}

.pageBoxC a:active,
.pageBoxC a:hover {
	color: #5899dd;
}

.pageBoxC {
	padding: 48px 0px 100px;
	text-align: center;
	font-size: 14px;
	width: 80%;
	margin: 0px auto;
}

.pageMore {
	display: block;
	width: 154px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-color: #5899dd;
	color: #fff;
	position: relative;
	margin: 0px auto;
}

.pageMore .i1 {
	position: absolute;
	width: 0px;
	left: 0px;
	top: 0px;
	height: 100%;
	transition: 300ms;
	background-color: #747474;
}

.pageMore .i2 {
	position: relative;
	z-index: 1;
}

.article-block .pageBoxT .zh,
.article-block .pageBoxT .en,
.article-block .pageBoxC,
.article-block .pageMore {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.articleShow .pageBoxT .zh,
.articleShow .pageBoxT .en,
.articleShow .pageBoxC,
.articleShow .pageMore {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.article-block .pageBoxT .en {
	transition: all 770ms ease-in-out 0s;
}

.article-block .pageBoxT .zh {
	transition: all 870ms ease-in-out 0s;
}

.article-block .pageBoxC {
	transition: all 970ms ease-in-out 0s;
}

.article-block .pageMore {
	transition: all 1070ms ease-in-out 0s;
}

.teamPage a:link,
.teamPage a:visited {
	color: #fff;
}

.teamPage a:active,
.teamPage a:hover {
	color: #fff;
}

.teamPage {
	background-position: center center;
	background-repeat: no-repeat;
	/*padding: 30px 0px 30px;*/
	color: #fff;
	padding: 110px 0;
	background-image: url('../images/dsztp.jpg');
	width: 100%;
	height: 100%
}
@media (max-width: 768px) {
    .teamPage {
        background-position: center center;
        background-repeat: no-repeat;
        /* padding: 30px 0px 30px; */
        color: #fff;
        /*padding: 20px 0;*/
        background-image: url(../images/dsztp.jpg);
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 414px) {
    .teamPage {
        background-position: center center;
        background-repeat: no-repeat;
        /* padding: 30px 0px 30px; */
        color: #fff;
        padding: 40px 0;
        background-image: url(../images/dsztp.jpg);
        width: 100%;
        height: 100%;
    }
}
.teamC {
	width: 425px;
	float: right;
	text-align: left;
	margin-right: 30%;

}
@media (max-width: 768px){
	.teamC {
		width: 425px;
		float: right;
		text-align: left;
		margin-right: 0;
	}
}
.teamC .t {
	font: 29px/1.4 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	color: white;
}

.teamC .name {
	padding-top: 70px;
	text-align:right;
}
@media (max-width: 320px) {
	.teamC .name {
		margin-left: 10px;
		padding-top: 70px;
		text-align: right;
	}
}
.article-block .teamC {
	transform: translate(50px, 0px);
	-webkit-transform: translate(50px, 0px);
	/*opacity: 0;*/
}

.articleShow .teamC {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 770ms ease-in-out 0s;
}

.teamMore {
	color: #fff;
	background-color: #5899dd;
	display: block;
	text-align: center;
	height: 86px;
	line-height: 86px;
}

.teamMore:hover {
	background-color: #747474;
}

.ideaPage {
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10% 0px;
	color: #fff;
}

.ideaPage .t {
	font: 30px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	color: #5899dd;
}

.ideaPage .c {
	padding: 0px;
	margin: 10px 0px;
	color: #747474;
	font-size: 16px;
	height: 134px;
	line-height: 1.5;
	overflow: hidden;
}

.ideaPage .pageMore {
	margin: 0;
}

.ideaPage .article-block {
	transform: translate(-50px, 0px);
	-webkit-transform: translate(-50px, 0px);
	opacity: 0;
}

.ideaPage .articleShow {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 770ms ease-in-out 0s;
}

.ideaPage .article-block .pageMore {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.milepostPage {
	padding: 80px 0px 60px;
}

.pageBoxT2 .zh1 {
	font: 30px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	color: #5899dd;
}

.pageBoxT2 .zh2 {
	font: 22px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	color: #747474;
	margin: 10px 0px;
}

.milepostPage .pageBoxT2 {
	text-align: center;
}

.milepostPage .inner {
	padding: 90px 0px;
	position: relative;
}

.article-block .pageBoxT2 .zh1,
.article-block .pageBoxT2 .zh2 {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.articleShow .pageBoxT2 .zh1,
.articleShow .pageBoxT2 .zh2 {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.article-block .pageBoxT2 .zh1 {
	transition: all 570ms ease-in-out 0s;
}

.article-block .pageBoxT2 .zh2 {
	transition: all 770ms ease-in-out 0s;
}

.milepostDemo {
	width: 1042px;
	margin: 0px auto;
}

.milepostDemo a:link,
.milepostDemo a:visited {
	color: #a9a9a9;
}

.milepostDemo a:active,
.milepostDemo a:hover {
	color: #5899dd;
}

.milepostDemo .item {
	text-align: center;
	margin: 0px 15px;
	border: 1px solid #fff;
}

.milepostDemo .item a {
	display: block;
	padding: 70px 0px 0px;
	height: 198px;
	position: relative;
}

.milepostDemo .item .t {
	font-size: 24px;
	margin-bottom: 10px;
}

.milepostDemo .item .time {
	font-size: 14px;
}

.milepostDemo .item:hover {
	border: 1px solid #dddddd;
	box-sizing: border-box;
}

.proLeft,
.proRight {
	position: absolute;
	top: 45%;
	width: 31px;
	height: 31px;
}

.proLeft {
	background: url(../images/a_l1.png) no-repeat scroll 25% center;
	left: 0px;
}

.proRight {
	background: url(../images/a_r1.png) no-repeat scroll 75% center;
	right: 0px;
}

.proLeft:hover {
	background-position: 0px center;
}

.proRight:hover {
	background-position: right center;
}

.abanner a:link,
.abanner a:visited {
	color: #fff;
}

.abanner a:active,
.abanner a:hover {
	color: #fff;
}

.abanner {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 285px;
	position: relative;
	color: #fff;
}

.abaT {
	position: absolute;
	top: 35%;
	left: 50%;
	margin-left: -560px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.abaT p {
	position: relative;
	top: 40px;
	display: none;
}

.abaT .en {
	font: 36px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
	text-transform: uppercase;
}

.abaT .zh {
	font: 24px/1.5 "Helvetica Neue", "Hiragino Sans GB", "Microsoft JhengHei", Arial, "SimSun", sans-serif;
}

.pageNav a:link,
.pageNav a:visited {
	color: #6c6c6c;
}

.pageNav a:active,
.pageNav a:hover {
	color: #5899dd;
}

.pageNav {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 100px;
	text-align: center;
}

.pageNav a {
	line-height: 46px;
	display: inline-block;
	padding: 0px 20px;
	margin: 0px 10px;
	font-size: 14px;
	position: relative;
}

.pageNav a .line {
	background-color: #5899dd;
	height: 3px;
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0px;
}

.pageNav a.act .line {
	left: 0px;
	width: 100%;
	transition: 300ms;
}

.pageCon {
	margin: 0px auto 80px;
	font-size: 14px;
}

.pageCon img {
	/* max-width: 100%; */
	width: 100%;
}

.pageCon a:link,
.pageCon a:visited {
	color: #a9a9a9;
}

.pageCon a:active,
.pageCon a:hover {
	color: #5899dd;
}

.comT {
	color: #5899dd;
	font-size: 30px;
}

.aboutLink {
	padding: 44px 0px 64px;
	width: 666px;
	margin: 0px auto;
}

.aboutLink li {
	float: left;
	display: block;
	width: 35%;
	text-align: center;
}

.aboutLink li.itemC {
	width: 30%;
	padding-top: 77px;
}

.aboutLink-item {
	width: 224px;
	height: 224px;
	position: relative;
	overflow: hidden;
	margin: 0px auto 20px;
}

.aboutLink-item a {
	display: block;
	color: #fff;
}

.aboutLink-item a .txt {
	color: #fff;
	font-size: 18px;
}

.aboutLink-item a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.aboutLink-item .ay1 {
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/add_y1.png) no-repeat scroll center top;
	line-height: 56px;
}

.aboutLink-item .ay3 {
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0px;
	bottom: 0;
	background: url(../images/add_y1.png) no-repeat scroll center bottom;
}

.aboutLink-item .ay3 .txt {
	padding-top: 25%;
	display: block;
	line-height: 52px;
}

.aboutLink-item .ay4 {
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0px;
	top: 0;
	background: url(../images/add_y2.png) no-repeat scroll center top;
	line-height: 56px;
}

.aboutLink-item .ay2 {
	background: url(../images/add_y3.png);
	width: 115px;
	height: 115px;
	line-height: 115px;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	margin: 54.5px auto;
}

.aboutLink-item .ay2:hover {
	background-image: url(../images/add_y4.png);
	opacity: 1;
	filter: alpha(opacity=100);
}

.aboutLink-item .border-c2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/add_y5.png) no-repeat scroll center center;
}

.aboutLink-item .ay5 .txt,
.aboutLink-item .ay6 .txt,
.aboutLink-item .ay7 .txt {
	display: none;
}

.aboutLink-item .ay5 {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 60%;
}

.aboutLink-item .ay6 {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 60%;
}

.aboutLink-item .ay7 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
}

.aboutLink-item .border-c {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #d68a00;
	z-index: 2;
}

.aboutLink-c1 .sj,
.aboutLink-c2 .sj {
	padding-left: 30px;
	background-color: #ffa500;
	margin-right: 10px;
}

.aboutLink-c2 .sj {
	background-color: #4aa9bd;
}

.aboutLink-c1 {
	color: #ffa500;
}

.aboutLink-c2 {
	color: #4aa9bd;
}

.marketPage a:link,
.marketPage a:visited {
	color: #fff;
}

.marketPage a:active,
.marketPage a:hover {
	color: #fff;
	text-decoration: underline;
}

.marketPage {
	background-color: #5899dd;
	color: #fff;
	padding: 60px 0px;
	font-size: 14px;
}

.markL {
	width: 423px;
	height: 324px;
	float: left;
	display: block;
	position: relative;
}

.markL span {
	position: absolute;
	display: block;
	opacity: 0;
}

.markL .bg {
	background: url(../images/mico1.png) no-repeat;
	width: 230px;
	height: 229px;
	top: 56px;
	left: 78px;
}

.markL .lin1 {
	background: url(../images/micoj1.png) no-repeat;
	width: 8px;
	height: 215px;
	left: 121px;
	bottom: 99px;
}

.markL .lin2 {
	background: url(../images/micoj2.png) no-repeat;
	width: 62px;
	height: 87px;
	left: 61px;
	top: 223px;
}

.markL .lin3 {
	background: url(../images/micoj3.png) no-repeat;
	width: 226px;
	height: 8px;
	left: 121px;
	top: 222px;
}

.markL .name1 {
	left: 57px;
	top: 0px;
}

.markL .name2 {
	left: 0px;
	bottom: 0px;
}

.markL .name3 {
	left: 352px;
	bottom: 90px;
}

.article-block .markL span.lin3 {
	width: 0px;
	height: 8px;
}

.articleShow .markL span {
	opacity: 1;
}

.articleShow .markL span.lin3 {
	width: 226px;
}

.articleShow .markL .lin1 {
	height: 215px;
	transition: 400ms ease 200ms;
}

.articleShow .markL .lin2 {
	height: 87px;
	transition: 700ms ease 500ms;
}

.articleShow .markL .lin3 {
	height: 8px;
	transition: 900ms ease 700ms;
}

.articleShow .markL .name1 {
	opacity: 1;
	height: auto;
	transition: 400ms ease 250ms;
}

.articleShow .markL .name2 {
	opacity: 1;
	height: auto;
	transition: 700ms ease 550ms;
}

.articleShow .markL .name3 {
	opacity: 1;
	height: auto;
	transition: 900ms ease 750ms;
}

.markR {
	width: 52%;
	float: right;
	display: block;
}

.recomendDL {
	margin: 50px auto;
}

.recomendDL a:link,
.recomendDL a:visited {
	color: #a3a3a3;
}

.recomendDL a:active,
.recomendDL a:hover {
	color: #5899dd;
}

.recomendDL dt {
	background: url(../images/recomIco.png) no-repeat scroll 8px center #e4e4e4;
	border-bottom: 1px solid #d8d8d8;
	padding-left: 22px;
	height: 44px;
	line-height: 44px;
	color: #747474;
	font-size: 14px;
	margin-bottom: 24px;
}

.recomendDL dd {
	background: url(../images/li_1.gif) no-repeat 11px center;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding-left: 22px;
}

.recomendDL dd:hover {
	background-image: url(../images/li_2.gif);
}

.firstTeam {
	border: 1px solid #e5e5e5;
	margin-bottom: 70px;
}

.firstTeam .img {
	width: 45%;
	float: left;
	display: block;
}

.firstTeam .img img {
	width: 100%;
	display: block;
}

.firstTeam .con {
	width: 50%;
	float: right;
	display: block;
	font-size: 14px;
	padding-bottom: 22px;
}

.firstTeam .con .t {
	font-size: 18px;
	padding: 30px 0px;
}

.firstTeam .con .name {
	font-size: 24px;
}

.teamList ul {
	margin-left: -20px;
}

.teamList li {
	width: 360px;
	float: left;
	display: block;
	margin: 0px 0px 20px 20px;
}

.teamList li .img {
	height: 272px;
	overflow: hidden;
}

.teamList li .img img {
	width: 100%;
	display: block;
}

.teamList li .con {
	color: #fff;
	padding: 20px 0px;
	font-size: 14px;
	color: #929292;
	transition: 300ms;
	text-align: justify;
}

.teamList li .con .name {
	font-size: 18px;
}

.teamList li .con .zw {
	height: 50px;
	overflow: hidden;
}

.teamList li:hover .con {
	background-color: #9abce5;
	color: #fff;
	padding: 20px 25px;
}

.ideaList {
	padding-bottom: 50px;
}

.ideaList ul {
	margin-left: -64px;
}

.ideaList li {
	float: left;
	display: block;
	width: 528px;
	margin: 0px 0px 48px 64px;
	cursor: default;
}

.ideaList li .itemBox {
	border: 1px solid #e5e5e5;
}

.ideaList .itemBox .img {
	float: left;
	display: block;
	width: 240px;
	overflow: hidden;
}

.ideaList .itemBox .img img {
	width: 100%;
	display: block;
	transition: 500ms;
}

.ideaList .itemBox .con {
	padding: 0px 15px 0px 0px;
	width: 232px;
	float: right;
	display: block;
	font-size: 14px;
}

.ideaList .itemBox .con .t {
	padding: 20px 0px;
	font-size: 24px;
}

.ideaList li:hover .itemBox {
	background-color: #9abce5;
	color: #fff;
}

.ideaList li:hover .itemBox .img img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.ideaList.article-block li {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.ideaList.articleShow li {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.ideaList.articleShow .item1 {
	transition: all 470ms ease-in-out 0s;
}

.ideaList.articleShow .item2 {
	transition: all 570ms ease-in-out 0s;
}

.ideaList.articleShow .item3 {
	transition: all 670ms ease-in-out 0s;
}

.ideaList.articleShow .item4 {
	transition: all 770ms ease-in-out 0s;
}

.satisfiedPage {
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	color: #fff;
	padding: 80px 0px;
}

.satisfiedPage .pageBoxT .zh {
	color: #fff;
}

.satisfiedPage .pageBoxC {
	padding: 35px 0px;
}

.milepostNav a:link,
.milepostNav a:visited {
	color: #6c6c6c;
}

.milepostNav a:active,
.milepostNav a:hover {
	color: #5899dd;
}

.milepostNav {
	padding: 80px 0px 20px;
}

.milepostNav li {
	float: left;
	width: 20%;
	font-size: 16px;
	text-align: center;
	height: 88px;
	overflow: hidden;
}

.milepostNav li a {
	display: block;
	padding: 14px 0px;
	border: 1px solid #e5e5e5;
	border-left: 0px none;
}

.milepostNav li.act a {
	border-top: 3px solid #5899dd;
	border-bottom: 0px none;
	padding: 13px 0px 14px;
}

.milepostBox a:link,
.milepostBox a:visited {
	color: #6c6c6c;
}

.milepostBox a:active,
.milepostBox a:hover {
	color: #5899dd;
}

.milepostBox {
	display: none;
}

.milepostBox dd {
	padding: 60px 0px;
	background: url(../images/line.gif) repeat-x scroll left bottom;
	font-size: 14px;
	color: #6c6c6c;
}

.milepostBox dd .img {
	float: left;
	display: block;
	width: 48%;
	margin-right: 5%;
	overflow: hidden;
}

.milepostBox dd .img img {
	width: 100%;
	display: block;
}

.milepostBox dd.rimg .img {
	float: right;
	margin: 0px 0px 0px 5%;
}

.milepostBox dd.nimg .con {
	padding-top: 0px;
}

.milepostBox dd .con {
	overflow: hidden;
	padding-top: 10%;
}

.investorBanner a:link,
.investorBanner a:visited {
	color: #fff;
}

.investorBanner a:active,
.investorBanner a:hover {
	color: #5899dd;
}

.investorBanner {
	background-color: #28205c;
	background-position: right top;
	color: #fff;
}

.investorBanner .inner {
	padding: 90px 0px;
}

.investorBanner .t {
	font-size: 36px;
	margin-bottom: 20px;
}

.zhangdie {
	font-size: 60px;
}

.zhangdie .ico {
	font-size: 30px;
	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;
	margin: 20px 0px 58px;
}

.investorBanner .list li {
	float: left;
	display: block;
	font-size: 14px;
	width: 115px;
}

/*about style end*/
/*investor style*/
.investorInfoPage a:link,
.investorInfoPage a:visited {
	color: #6c6c6c;
}

.investorInfoPage a:active,
.investorInfoPage a:hover {
	color: #5899dd;
}

.investorInfoPage {
	padding: 130px 0px;
}

.investorInfoPage .img {
	float: right;
	display: block;
	width: 38%;
	overflow: hidden;
}

.investorInfoPage .img img {
	width: 100%;
	display: block;
}

.investorInfoPage .con {
	float: left;
	width: 54%;
}

.inT {
	font-size: 30px;
	color: #8f8f8f;
	line-height: 1.1;
}

.investorInfoPage .con .c {
	font-size: 14px;
	height: 114px;
	line-height: 2;
	overflow: hidden;
	margin: 30px 0px 54px;
}

.investorInfoPage .con a.pageMore {
	margin: 0px;
	color: #fff;
}

.investorLPage {
	background-color: #abbdd1;
	padding: 72px 0px;
}

.investorLPage .inT {
	text-align: center;
	color: #fff;
}

.investorList a:link,
.investorList a:visited {
	color: #8e8f8f;
}

.investorList a:active,
.investorList a:hover {
	color: #5899dd;
}

.investorList {
	padding: 94px 0px;
}

.investorList ul {
	margin-left: -2%;
}

.investorList li {
	float: left;
	width: 23%;
	margin-left: 2%;
}

.investorList .item {
	background-color: #fff;
	position: relative;
	display: block;
	padding-bottom: 25px;
}

.investorList .item .time {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #5899DD;
	color: #fff;
	text-align: center;
	width: 67px;
	height: 67px;
	font-family: Arial;
}

.investorList .item .time .num {
	font-size: 24px;
}

.investorList .item .c {
	padding-top: 96px;
	height: 54px;
	overflow: hidden;
	width: 90%;
	margin: 0px auto 32px;
	font-size: 14px;
}

.investorList .item .downA {
	background: url(../images/pdfico.png) no-repeat scroll left center;
	height: 35px;
	display: block;
	margin-left: 5%;
	padding-left: 40px;
	line-height: 35px;
	width: 60px;
}

.investorList .item .downA:hover {
	background-image: url(../images/pdfico2.png);
}

.pageMore2 {
	border: 2px solid #fff;
	background-color: transparent;
	width: 150px;
	height: 28px;
	line-height: 28px;
}

.pageMore2 .i1 {
	background-color: #fff;
}

.pageMore2:hover {
	color: #646464;
}

.investorLPage2 {
	background-color: transparent;
}

.investorLPage2 .inT {
	color: #8E8F8F;
}

.investorLPage2 .item {
	border: 1px solid #e5e5e5;
}

.visitPage {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 0px 70px;
	color: #fff;
}

.visitPage .inT {
	color: #fff;
}

.visitT a:link,
.visitT a:visited {
	color: #fff;
}

.visitT a:active,
.visitT a:hover {
	color: #fff;
}

.visitT {
	border-bottom: 1px solid #fff;
	padding: 8px 0px;
	font-size: 18px;
	margin-bottom: 80px;
}

.visitT .tel {
	background: url(../images/telico.png) no-repeat scroll left center;
	padding-left: 36px;
	font: italic 24px/1.6 Arial, Helvetica, sans-serif;
	float: right;
}

.messForm .mitem {
	margin-bottom: 20px;
}

.messForm .mtxt {
	font-family: "Microsoft JhengHei";
	color: #646464;
	float: left;
	width: 30%;
	padding: 10px 1%;
	line-height: 1.8;
	margin: 0px;
	margin-right: 2%;
	font-size: 12px;
}

.messForm .mtxt2 {
	margin-right: 0px;
}

.messForm .mtxt3 {
	margin-right: 0px;
	width: 98%;
	float: none;
	height: 150px;
	margin-bottom: 38px;
}

.messForm input[type=text],
.messForm textarea {
	border: 0px none;
	background-color: #fff;
}

.messForm input[type=text]:focus,
.messForm textarea:focus {
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.8);
}

.listingTBL a:link,
.listingTBL a:visited {
	color: #6d6d6d;
}

.listingTBL a:active,
.listingTBL a:hover {
	color: #5899dd;
}

.listingTBL {
	background-color: #fff;
	font-size: 14px;
	padding-bottom: 50px;
	color: #6d6d6d;
}

.listingTBL table {
	border: solid #e1e1e1;
	border-width: 1px 0px 0px 1px;
}

.listingTBL td {
	padding: 15px;
	border: solid #e1e1e1;
	border-width: 0px 1px 1px 0px;
	text-align: center;
}

.listingTBL td.wl {
	width: 185px;
}

.tbl-t {
	font: 24px/1.2 "Microsoft JhengHei";
	color: #fff;
	padding: 20px 25px;
	text-align: center;
	background-color: #5899dd;
}

.bgfa {
	background-color: #fafafa;
}

.listing {
	border: 1px solid #e1e1e1;
	border-bottom: 0px none;
}

.listing .item {
	float: left;
	display: inline-block;
}

.listing li {
	border-bottom: 1px solid #e1e1e1;
}

.listing .w16 {
	width: 12%;
	background-color: #fafafa;
	padding: 2%;
}

.listing .w34 {
	width: 30%;
	padding: 2%;
}

.listingTBL .ts {
	padding: 10px 2% 0px;
}

select.selectYear {
	width: 228px;
	height: 48px;
	padding: 0px 0px 0px 15px;
	vertical-align: middle;
	border: 1px solid #e4e4e4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "Microsoft JhengHei";
	color: #9f9f9f;
	cursor: pointer;
	float: right;
	display: block;
}

select.selectYear option {
	padding: 2px 15px;
}

select.selectYear:hover {
	color: #101010;
}

.csstransitions select.selectYear {
	background: url(../images/link_ico3.png) no-repeat scroll 95% center #e4e4e4;
}

.csstransitions select.selectYear:focus {
	background: url(../images/link_ico4.png) no-repeat scroll 95% center #e4e4e4;
}

.no-csstransitions select.selectYear {
	padding: 0px;
	background: #e4e4e4;
	height: 30px;
}

.inListDt {
	padding-bottom: 35px;
}

.inListDt .t {
	font: 30px/1.4 "Microsoft JhengHei";
	color: #5899dd;
}

.yeardt {
	color: #80abde;
	font: 24px/1.4 "Microsoft JhengHei";
	padding: 30px 0px;
	margin: 0px auto;
}

.inList a:link,
.inList a:visited {
	color: #6c6c6c;
}

.inList a:active,
.inList a:hover {
	color: #80abde;
}

.inList li {
	margin: 0px 0px 16px;
	transition: 0.3s;
	height: 98px;
	border: 1px solid #e5e5e5;
	position: relative;
}

.inList .time {
	float: left;
	display: block;
	background-color: #adadad;
	color: #fff;
	width: 78px;
	padding-left: 20px;
	height: 98px;
	font-family: Arial;
}

.inList .time .num {
	font-size: 36px;
}

.inList .downbtn {
	display: block;
	width: 98px;
	padding-top: 60px;
	height: 38px;
	position: absolute;
	border-left: 1px solid #e1e1e1;
	right: 0px;
	top: 0px;
	background: url(../images/pdfico.png) no-repeat scroll center 22px;
	text-align: center;
}

.inList .c {
	padding: 32px 0px 0px 50px;
	font-size: 14px;
	width: 65%;
	float: left;
	height: 25px;
	overflow: hidden;
}

.inList .more {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 98px;
	height: 98px;
	line-height: 98px;
	text-align: center;
	border-left: 1px solid #e1e1e1;
	background-color: #fff;
}

.inList li:hover .downbtn {
	background-image: url(../images/pdfico2.png);
}

.inList li:hover .time {
	background-color: #5899dd;
}

.messPage {
	padding: 72px 0px;
}

.messPage .inT {
	text-align: center;
	margin-bottom: 60px;
}

.messdL {
	border: 1px solid #e5e5e5;
	padding: 5px 30px 10px;
	margin-bottom: 30px;
}

.messdL .blue {
	font-size: 14px;
}

.messdL dt .blue {
	margin-right: 24px;
}

.messdL dt .c {
	padding: 8px 0px 12px;
}

.messdL dd {
	background: url(../images/line2.gif) repeat-x scroll left top;
	padding-top: 12px;
}

.blue {
	color: #5899dd;
}

.pagingBox .paging {
	float: right;
	display: block;
	padding: 0px;
}

.pagingBox .num {
	float: left;
	display: block;
	font-style: initial;
}

.pagingBox .paging .prev {
	margin-left: 0px !important;
}

.pagingBox .paging .next {
	margin-right: 0px !important;
}

/*investor style end*/
/*news style*/
.newsPage {
	padding: 60px 0px 70px;
}

.newsPage .inT {
	text-align: center;
}

.newsDL a:link,
.newsDL a:visited {
	color: #959595;
}

.newsDL a:active,
.newsDL a:hover {
	color: #959595;
}

.newsPage .newsDL {
	padding: 50px 0px;
}

.newsDL dd {
	float: left;
	display: block;
	width: 29%;
	margin: 0px 3.5% 2% 0px;
}

.newsDL dd.item3 {
	margin-right: 0px;
}

.newsDL dd .img {
	width: 100%;
	overflow: hidden;
	margin-bottom: 35px;
	position: relative;
	background-color: #000;
}

.newsDL dd .img .bot {
	background-color: #5899DD;
	height: 5px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	z-index: 3;
	transition: 400ms;
}

.newsDL dd .img img {
	width: 100%;
  	height:282px;
	display: block;
	transition: 400ms;
	opacity: 1;
}

.newsDL dd .t {
	font-size: 16px;
	overflow: hidden;
	transition: 400ms;
	/*height: 58px;*/
	height: 115px;
}

.newsDL dd .time {
	font-family: Arial;
}

.newsDL dd .time .source {
	font-family: 'Microsoft JhengHei';
}

.newsDL dd:hover .img .bot {
	width: 100%;
}

.newsDL dd:hover .t {
	text-decoration: underline;
}

.newsDL dd:hover .img img {
	opacity: 0.8;
	-webkit-transform: scale(1.14);
	transform: scale(1.14);
}

.article-block .inT {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.article-block .newsDL dd {
	transform: rotateY(60deg);
}

.articleShow .inT {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 470ms ease-in-out 0s;
}

.articleShow .newsDL dd {
	transform: rotateY(0deg);
	transition: all 870ms ease-in-out 0s;
}

.biddingPage {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 160px 0px;
	color: #fff;
}

.biddingPage a:link,
.biddingPage a:visited {
	color: #fff;
}

.biddingPage a:active,
.biddingPage a:hover {
	color: #fff;
}

.biddingPage .t {
	font-size: 30px;
	text-align: center;
}

.biddingPage .c {
	font-size: 18px;
	text-align: center;
}

.biddingPage .article-block {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.biddingPage .articleShow {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 670ms ease-in-out 0s;
}

.biddingNav {
	text-align: center;
	padding: 100px 0px;
}

.biddingNav a {
	display: inline-block;
	margin: 0px 4px;
	width: 230px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	border: 2px solid #fff;
	position: relative;
	overflow: hidden;
}

.biddingNav a .i1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	background-color: #5899dd;
	transition: 300ms;
}

.biddingNav a .i2 {
	position: relative;
	z-index: 2;
}

.biddingNav a:hover {
	border: 2px solid #5899dd;
}

.biddingNav a:hover .i1 {
	width: 100%;
}

.vkPage {
	padding-top: 80px;
	height: 426px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
}

.iphoneBox {
	background: url(../images/iphone.png) no-repeat;
	width: 279px;
	height: 276px;
	padding-top: 150px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	float: left;
	margin: 0px 0px 0px 195px;
}

.iphoneBox .w {
	width: 116px;
	margin: 0px auto 20px;
}

.iphoneBox .w img {
	width: 100%;
	display: block;
}

.vkPage .con {
	float: right;
	display: block;
	width: 45%;
	padding-top: 10%;
}

.vkPage .con .t {
	font-size: 30px;
}

.vkPage .con .c {
	font-size: 18px;
	height: 84px;
	margin-bottom: 24px;
}

.vkPage .con .pageMore {
	margin: 0px;
	background-color: #fff;
	color: #96c3a2;
}

.vkPage .article-block .iphoneBox {
	transform: translate(0px, 426px);
	-webkit-transform: translate(0px, 426px);
	opacity: 0;
}

.vkPage .article-block .con {
	transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	opacity: 0;
}

.vkPage .articleShow .iphoneBox {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 870ms ease-in-out 0s;
}

.vkPage .articleShow .con {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 970ms ease-in-out 0s;
}

.vkPage .article-block .con .pageMore {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	display: none;
}

.newsDL2 {
	margin-left: -2%;
}

.newsDL2 dd {
	width: 31.33%;
	margin: 0px 0px 50px 2%;
}

.paging {
	padding: 36px 0px 80px;
	text-align: center;
}

.paging a:link,
.paging a:visited {
	color: #ffffff;
}

.paging a:active,
.paging a:hover {
	color: #fff;
	background-color: #2081c5;
}

.paging a,
.paging span {
	display: inline-block;
	margin: 0px 3px !important;
	background-color: #c7c7c7;
	font-size: 14px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.paging .prev,
.paging .next {
	display: inline-block;
	font-family: "宋体";
	color: #fff;
	margin: 0px 30px !important;
}

.paging span {
	background-color: #2081c5;
	color: #fff !important;
}

.nPT {
	font-size: 30px;
	color: #5899dd;
}

.newnav {
	display: block;
	padding: 18px 0px 80px;
}

.newnav a {
	text-align: center;
	width: 116px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 2px;
	float: left;
	background-color: #d3d3d3;
	color: #fff;
	position: relative;
}

.newnav a:hover,
.newnav a.act {
	color: #fff;
}

.newnav a .i1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	transition: 300ms;
	background-color: #5899dd;
}

.newnav a .i2 {
	position: relative;
	z-index: 2;
}

.newnav a.act .i1 {
	width: 100%;
}

.biddingTwo .c a:link,
.biddingTwo .c a:visited {
	color: #6c6c6c;
}

.biddingTwo .c a:active,
.biddingTwo .c a:hover {
	color: #5899dd;
}

.biddingTwo .t {
	background-color: #5899dd;
	color: #fff;
	font-size: 18px;
	padding: 10px 2%;
}

.biddingTwo .c {
	border: 1px solid #e5e5e5;
	padding: 20px 2%;
	font-size: 14px;
	color: #6c6c6c;
	margin-bottom: 40px;
}

.biddingThreen dd {
	padding-left: 102px;
	position: relative;
	min-height: 92px;
	margin-bottom: 32px;
}

.biddingThreen .timeBox {
	width: 102px;
	padding: 22px 0px 0px;
	height: 70px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #5899dd;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
}

.biddingThreen .timeBox .year {
	border-top: 1px solid #fff;
	padding-top: 8px;
	width: 64px;
	margin: 0px auto;
	display: block;
	font-size: 14px;
}

.biddingThreen .con {
	border: 1px solid #e5e5e5;
	padding: 25px 7% 35px;
}

.biddingThreen .con .t {
	color: #3d3d3d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.biddingThreen .con .c {
	font-size: 14px;
	color: #6c6c6c;
	margin-bottom: 8px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 8px;
}

.sebox {
	padding-bottom: 50px;
	font-size: 14px;
}

.sebox .l {
	margin-bottom: 20px;
	margin-right: 20px;
}

select.selectBRC {
	width: 174px;
	height: 30px;
	padding: 0px 0px 0px 15px;
	vertical-align: middle;
	border: 1px solid #e4e4e4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "Microsoft JhengHei";
	color: #9f9f9f;
	cursor: pointer;
}

select.selectBRC option {
	padding: 2px 15px;
}

select.selectBRC:hover {
	color: #101010;
	border: 1px solid #cdcdcd;
}

.csstransitions select.selectBRC {
	background: url(../images/link_ico3.png) no-repeat scroll 95% center #e4e4e4;
}

.csstransitions select.selectBRC:focus {
	background: url(../images/link_ico4.png) no-repeat scroll 95% center #e4e4e4;
}

.no-csstransitions select.selectBRC {
	padding: 0px;
	background: #e4e4e4;
	height: 30px;
}

.biddingFor .c a:link,
.biddingFor .c a:visited {
	color: #6c6c6c;
}

.biddingFor .c a:active,
.biddingFor .c a:hover {
	color: #5899dd;
}

.biddingFor .t {
	background-color: #5899dd;
	color: #fff;
	font-size: 18px;
	padding: 10px 2%;
}

.biddingFor .c {
	border: 1px solid #e5e5e5;
	border-top: 0px none;
	padding: 0px 2%;
	margin-bottom: 32px;
	overflow: hidden;
}

.biddingFor .list {
	position: relative;
	bottom: -1px;
}

.biddingFor .list li {
	height: 46px;
	line-height: 46px;
	padding-left: 5px;
	overflow: hidden;
	background: url(../images/line3.gif) repeat-x scroll left bottom;
	color: #6C6C6C;
	font-size: 14px;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.biddingFor .list .dowico {
	background: url(../images/downico.png) no-repeat scroll left center;
	padding-left: 28px;
	float: right;
	display: block;
	margin: 0px 20px;
}

.biddingFor .list .dowico:hover {
	background-image: url(../images/downico2.png);
}

.biddingFor .list li:hover {
	background-color: #f8f8f8;
}

.tqm-box a:link,
.tqm-box a:visited {
	color: #6c6c6c;
}

.tqm-box a:active,
.tqm-box a:hover {
	color: #5899dd;
}

.tqm-box {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 450px;
	padding: 0px 50px;
	height: 218px;
	margin: -109px 0px 0px -275px;
	background-color: #fff;
	z-index: 1000;
	box-shadow: 1px 1px 4px 0 rgba(88, 88, 88, 0.2);
	text-align: center;
	font-size: 14px;
	transform: translateY(60px);
	-webkit-transform: translateY(60px);
	opacity: 0;
	visibility: hidden;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.tqm-box .t {
	color: #5899dd;
	font-weight: bold;
	font-size: 20px;
	padding: 15px 0px;
	line-height: 1.5;
}

.tqm-box .con {
	margin: 0px auto 55px;
	overflow: hidden;
	background-color: #efefef;
	position: relative;
	height: 48px;
	line-height: 48px;
	padding: 0px 102px 0px 12px;
}

.tqm-txt,
.tqm-btn {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.tqm-txt {
	color: #909090;
	border: 0;
	height: 48px;
	line-height: 48px;
	width: 100%;
	background-color: #efefef;
}

.tqm-box a.tqm-btn {
	width: 92px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #5899dd;
	color: #fff;
}

.tqm-box a.tqm-btn:hover {
	background-color: #3D3D3D;
}

.tqm-box .tel {
	color: #5899dd;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	margin-left: 5px;
}

.tqmclose {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/tqm_close.png) no-repeat scroll center center;
	width: 40px;
	height: 40px;
}

.tqmclose:hover {
	background-color: #c7c7c7;
	cursor: pointer;
}

.tqm-page {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../images/black.png) repeat;
	background: none rgba(0, 0, 0, 0.3);
	z-index: 1000;
	display: none;
}

.tqm-page.show {
	display: block;
}

.tqm-box.show {
	transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1;
	visibility: visible;
}

/*news style end*/
/*citizenship style*/
.pbanner2 .pbtxt {
	top: 35%;
	left: inherit;
	right: 50%;
	width: 406px;
	margin: 0px -560px 0px 0px;
	text-shadow: none;
}

.pbanner2 .pbtxt .zh1 {
	color: #c07457;
}

.pbanner2 .pbtxt .zh2 {
	color: #e5a582;
}

.coursePage a:link,
.coursePage a:visited {
	color: #6c6c6c;
}

.coursePage a:active,
.coursePage a:hover {
	color: #5899dd;
}

.coursePage {
	padding: 130px 0px;
}

.coursePage .inT {
	color: #5899DD;
}

.coursePage .img {
	float: right;
	display: block;
	width: 38%;
	overflow: hidden;
}

.coursePage .img img {
	width: 100%;
	display: block;
}

.coursePage .con {
	float: left;
	width: 54%;
}

.coursePage .con .c {
	font-size: 14px;
	height: auto;
	line-height: 2;
	overflow: hidden;
	margin: 30px 0px 32px;
}

.coursePage .con a.pageMore {
	margin: 0px;
	color: #fff;
}

.c5899DD {
	color: #5899DD !important;
}

.zyPage a:link,
.zyPage a:visited {
	color: #655444;
}

.zyPage a:active,
.zyPage a:hover {
	color: #5899dd;
}

.zyPage {
	padding: 150px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #655444;
}

.zyPage .con {
	float: right;
	width: 54%;
}

.zyPage .con .t {
	font-size: 30px;
	line-height: 1.1;
	margin-bottom: 35px;
}

.zyPage .con .c {
	font-size: 14px;
	overflow: hidden;
}

.zyPage .con .by {
	padding: 30px 0px;
	font-size: 18px;
}

.zyPage .con .pageMore {
	border: 2px solid #655444;
	margin: 0px;
	background-color: transparent;
	width: 150px;
	height: 28px;
	line-height: 28px;
}

.zyPage .con .pageMore:hover {
	border: 2px solid #655444;
}

.zyPage .con .pageMore .i1 {
	background-color: #655444;
}

.zyPage .con .pageMore:hover .i2 {
	color: #fffaec;
}

.courseDL .c a:link,
.courseDL .c a:visited {
	color: #6c6c6c;
}

.courseDL .c a:active,
.courseDL .c a:hover {
	color: #5899dd;
}

.courseDL dd {
	position: relative;
	padding-left: 120px;
	margin-bottom: 25px;
}

.courseDL dd .time {
	color: #fff;
	width: 120px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	font: 30px/80px arial;
	background-color: #5899DD;
}

.courseDL dd .con {
	border: 1px solid #e7e7e7;
	background-color: #edf0f2;
	padding: 22px 32px 32px;
	font-size: 14px;
}

.courseDL dd .con img {
	max-width: 100%;
	display: inline-block;
	margin: 10px 0px;
}

.consindex .pbtxt .zh1,
.consindex .pbtxt .zh2 {
	color: #fff;
}

.consindex a:link,
.consindex a:visited {
	color: #fff;
}

.consindex a:active,
.consindex a:hover {
	color: #fff;
}

.zyPage.consindex {
	color: #fff;
}

.consindex .con a.pageMore {
	border-color: #fff;
	color: #101010;
	background-color: #fff;
}

/*citizenship style end*/
/*product style*/
.proBanner {
	width: 100%;
	color: #fff;
	padding: 204px 0px 136px;
	background-attachment: fixed;
	background-position: center center;
}

.protxt {
	width: 822px;
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.protxt .t {
	font-size: 36px;
}

.protxt .by {
	font-size: 18px;
	padding: 10px 0px 25px;
}

.sbot {
	background: url(../images/stop.png) no-repeat;
	width: 55px;
	height: 55px;
	display: block;
	margin: 104px auto 0px;
}

.sbot .ico {
	background: url(../images/stop_i.png) no-repeat scroll center top;
	display: block;
	position: relative;
	margin: 0px auto;
	top: 21px;
	width: 23px;
	height: 12px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	-moz-animation: start 1.5s infinite ease-in-out;
	animation: start 1.5s infinite ease-in-out;
}

@-webkit-keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0px, -8px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-moz-keyframes start {

	0%,
	30% {
		opacity: 0;
		-moz-transform: translate(0px, -8px);
	}

	60% {
		opacity: 1;
		-moz-transform: translate(0, 0px);
	}

	100% {
		opacity: 0;
		-moz-transform: translate(0, 8px);
	}
}

@keyframes start {

	0%,
	30% {
		opacity: 0;
		transform: translate(0px, -8px);
	}

	60% {
		opacity: 1;
		transform: translate(0, 0px);
	}

	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}

.proBanner .article-block p {
	transform: translate(0px, 80px);
	-webkit-transform: translate(0px, 80px);
	opacity: 0;
}

.proBanner .article-block .sbot {
	transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	opacity: 0;
}

.proBanner .articleShow p,
.proBanner .articleShow .sbot {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.proBanner .articleShow p {
	transition: all 570ms ease-in-out 0s;
}

.proBanner .articleShow .sbot {
	transition: all 770ms ease-in-out 0s;
}

.proMenu a:link,
.proMenu a:visited {
	color: #fff;
}

.proMenu a:active,
.proMenu a:hover {
	color: #fff;
}

.proMenu li {
	float: left;
	display: block;
	width: 50%;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.proMenu .item1,
.proMenu .item1 .con {
	background-color: #00aaad;
}

.proMenu .item2,
.proMenu .item2 .con {
	background-color: #00a4e0;
}

.proMenu .item3,
.proMenu .item3 .con {
	background-color: #22b784;
}

.proMenu .t {
	padding: 30px 0px;
	display: block;
	text-align: center;
	font-size: 18px;
}

.proMenu .pic {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.proMenu .pic img {
	width: 100%;
	display: block;
}

.proMenu .con {
	position: absolute;
	right: 0%;
	top: 0px;
	width: 80%;
	height: 80%;
	padding: 10%;
	text-align: center;
	display: block;
}

.proMenu .con span {
	display: block;
}

.proMenu .con .ico {
	width: 52px;
	height: 52px;
	margin: 10% auto 5%;
	background-repeat: no-repeat;
}

.proMenu .item2 .ico {
	background-image: url(../images/pt1.png);
}

.proMenu .item1 .ico {
	background-image: url(../images/pt2.png);
}

.proMenu .item3 .ico {
	background-image: url(../images/pt3.png);
}

.proMenu .con .name {
	font: 30px/1.5 "Microsoft JhengHei";
	margin-bottom: 10%;
}

.proMenu .con .by {
	border: 1px solid #fff;
	padding: 10px;
	width: 200px;
	margin: 0px auto 8%;
	font-size: 14px;
}

.cssanimations .proMenu .con {
	opacity: 0;
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
	-webkit-transform: perspective(300px) rotateY(-90deg);
	-moz-transform: perspective(300px) rotateY(-90deg);
	-ms-transform: perspective(300px) rotateY(-90deg);
	-o-transform: perspective(300px) rotateY(-90deg);
	transform: perspective(300px) rotateY(-90deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.cssanimations .proMenu li:hover .con {
	opacity: 1;
	-webkit-transform: perspective(300px) rotateY(0deg);
	-moz-transform: perspective(300px) rotateY(0deg);
	-ms-transform: perspective(300px) rotateY(0deg);
	-o-transform: perspective(300px) rotateY(0deg);
	transform: perspective(300px) rotateY(0deg);
}

.no-csstransitions .proMenu .con {
	right: -100%;
	display: none;
}

.no-csstransitions .proMenu li:hover .con {
	right: 0px;
	display: block;
}

.caseDL a:link,
.caseDL a:visited {
	color: #a3a4a4;
}

.caseDL a:active,
.caseDL a:hover {
	color: #00aaad;
}

.caseDL dd {
	background-color: #eafbfc;
	position: relative;
}

.caseDL .img {
	width: 50%;
	display: block;
	overflow: hidden;
	float: left;
}

.caseDL .img img {
	width: 100%;
	display: block;
	transition: transform 400ms;
	-webkit-transition: -webkit-transform 400ms;
}

.caseDL .con {
	width: 31%;
	padding: 0px 4% 0px;
	height: 266px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -133px;
}

.caseDL .proItem1 .con {
	left: 50%;
}

.caseDL .proItem2 .img {
	float: right;
}

.caseDL .proItem2 .con {
	left: 0;
}

.caseDL .con .t {
	font: 30px/1.8 "Microsoft JhengHei";
	color: #a3a4a4;
	height: 44px;
	overflow: hidden;
}

.caseDL .con .c {
	margin: 16px 0px 10%;
	text-align: justify;
	line-height: 2;
	overflow: hidden;
	font-size: 14px;
	color: #949494;
}

.caseDL .black {
	background: url(../images/black.png) repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 4;
	-webkit-transition: all 400ms;
	-ms-transition: all 400ms;
	-moz-transition: all 400ms;
	transition: all 400ms;
}

.redMore {
	border: 2px solid #00AAAD;
	display: block;
	width: 124px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	position: relative;
}

.redMore .i1 {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #00AAAD;
	width: 0px;
	height: 100%;
	transition: 300ms;
}

.redMore .i2 {
	color: #00AAAD;
	position: relative;
	z-index: 1;
}

.caseDL dd:hover .img img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
}

.caseDL dd:hover .con .t a {
	color: #00aaad;
}

.caseDL dd:hover .redMore .i1 {
	width: 100%;
}

.caseDL dd:hover .redMore .i2 {
	color: #fff;
}
@media (max-width:1920px) {
	.subBanner {
		position: relative;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
		color: #fff;
		background: url(../images/cpt_banner.jpg) no-repeat;
		background-attachment: fixed;
		height: 1000px;
		width: 100%;
      background-size:cover;
	}
}

@media (max-width:1680px) {
	.subBanner {
		position: relative;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
		color: #fff;
		background: url(../images/cpt_banner.jpg) no-repeat;
		background-attachment: fixed;
		height: 995px;
	}
}

@media (max-width:1600px) {
	.subBanner {
		position: relative;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
		color: #fff;
		background: url(../images/cpt_banner.jpg) no-repeat;
		background-attachment: fixed;
		height: 830px;
	}
}
@media (max-width:1366px) {
	.subBanner {
		position: relative;
		background-size: cover;
		background-position: center center;
		overflow: hidden;
		color: #fff;
		background: url(../images/cpt_banner.jpg) no-repeat;
		background-attachment: fixed;
		height: 640px;
	    z-index: -1;
    }
    .subBanner:before{
        content: "";
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: inherit;
        -webkit-background-size: cover!important;
        -o-background-size: cover;
        background-size: cover!important;
    }
}
.subBanner img {
	width: 100%;
	display: block;
}

.pconPage a:link,
.pconPage a:visited {
	color: #6c6c6c;
}

.pconPage a:active,
.pconPage a:hover {
	color: #5899DD;
}

.pconPage {
	font-size: 14px;
	padding: 4% 0px;
	overflow: hidden;
}

.pconPage img {
	max-width: 100%;
}

.pconT {
	font-size: 30px;
	color: #10afb2;
}

.pconT a.gw {
	padding: 5px 30px;
	background-color: #10AFB2;
	color: #fff;
	font-size: 14px;
	text-align: center;
	position: relative;
	top: -5px;
}

.pconT a.gw:hover {
	background-color: #6C6C6C;
}

.pconPage2 {
	padding: 0 0px 4%;
}

.pconPage2 .pconT {
	color: #22b784;
}

.pconPage2 .pconT a.gw {
	background-color: #22b784;
}

.pconPage2 .pconT a.gw:hover {
	background-color: #6c6c6c;
}

.c10afb2 {
	color: #10afb2;
}

.plyList {
	background-color: #10afb2;
	color: #fff;
	padding: 60px 0px;
}

.plyList a {
	color: #fff;
}

.plyList li {
	float: left;
	width: 21%;
	padding: 0px 2%;
	text-align: center;
	font-size: 12px;
}

.plyList li .zm {
	font: 100px/1.2 Arial;
}

.ptInfoBox {
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	padding: 74px 0px 190px;
}

.pintBox {
	background-color: #fff;
	padding: 40px 32px;
	width: 30%;
	color: #10afb2;
	font-size: 14px;
}

.pintBox .t {
	font-size: 18px;
	padding: 28px 0px;
}

.hoverPage a:link,
.hoverPage a:visited {
	color: #6c6c6c;
}

.hoverPage a:active,
.hoverPage a:hover {
	color: #5899DD;
}

.qgBox {
	position: relative;
	padding: 5% 0px;
}

.qgBox .con {
	position: absolute;
	left: 0px;
	top: 5%;
	width: 50%;
}

.qgBox .con .t {
	font-size: 24px;
}

.qqBox {
	position: relative;
	background-color: #e5e5e5;
}

.qqBox .map {
	float: left;
	display: block;
	width: 68%;
}

.qqBox .con {
	position: absolute;
	left: 68%;
	top: 35%;
	font-size: 14px;
	width: 27%;
	color: #6d6d6d;
}

.f24 {
	font-size: 24px;
}

.hzptBox dd {
	float: left;
	display: block;
	width: 46%;
	overflow: hidden;
}

.hzptBox dd.item2 {
	float: right;
}

.pro3nav {
	border: 1px solid #eaeaea;
	border-left: 0px none;
	margin-bottom: 30px;
}

.pro3nav li {
	float: left;
	display: block;
	width: 33.33%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.pro3nav .i2 {
	position: relative;
	z-index: 2;
	font-size: 14px;
}

.pro3nav .i {
	background-color: #22b784;
	width: 0px;
	transition: 300ms;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	border-left: 1px solid #eaeaea;
	display: block;
}

.pro3nav li.act .i {
	width: 100%;
}

.pro3nav li.act .i2 {
	color: #fff;
}

.pro4nav li {
	width: 49.9%;
}

.pro4nav .i,
.pro5nav .i {
	background-color: #00a4e1;
}

.pro3Tbl {
	padding: 6% 0px 4%;
}

.pro3Tbl .pconT {
	color: #6C6C6C;
}

.caseDL2 a:active,
.caseDL2 a:hover {
	color: #00a4e0;
}

.caseDL2 dd {
	background-color: #e2f7ff;
}

.caseDL2 .redMore {
	border: 2px solid #00a4e0;
}

.caseDL2 .redMore .i1 {
	background-color: #00a4e0;
}

.caseDL2 .redMore .i2 {
	color: #00a4e0;
}

.caseDL2 dd:hover .con .t a {
	color: #00a4e0;
}

.c00a4e0 {
	color: #a0820c;
}

.proiT {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 1.5;
    margin-top: -160px;
    background-color: white;
    position: relative;
    padding-top: 4%;
}

.proiT2 {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1.5;
	color: #333;
}

.pro2nav li {
	width: 25%;
}

.pro22nav li {
	width: 50%;
}

.pro2nav li .i {
	background-color: #00a4e0;
}

.pro2Tbl {
	color: #6C6C6C;
}

.pro2Tbl img {
	max-width: 100%;
}

.contbl1 {
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.contbl1 td {
	border: 1px solid #e5e5e5;
	border-bottom: 0px none;
	border-left: 0px none;
	padding: 2% 5%;
}

.contbl1 td.fc {
	color: #fff;
	font-size: 24px;
	width: 11%;
	padding: 2% 0px;
}

.pro2Tbl .y {
	background-color: #00a4e0;
	color: #fff;
	border-radius: 50%;
	font-size: 36px;
	line-height: 1.6;
	padding: 0px 10px;
}

.c6bc5cb {
	color: #6bc5cb;
}

.conp2 .con {
	float: right;
	width: 40%;
}

.conp2 .conpDL {
	float: left;
	display: block;
	width: 54%;
}

.conp2 .conpDL .y {
	width: 87px;
	height: 87px;
	text-align: center;
	margin: 0px auto 20px;
	line-height: 87px;
	padding: 0px;
	font-size: 24px;
	font-family: Arial;
}

.conpDL dd {
	float: left;
	width: 25%;
	text-align: center;
}

.conpDL2 dd {
	float: left;
	width: 20%;
	display: block;
	text-align: center;
}

.conpDL2 dd .img {
	padding-bottom: 28px;
}

.inListDt2 {
	padding: 80px 0px;
}

.inListDt2 .t {
	color: #6a6a6a;
}

.p3-page a:link,
.p3-page a:visited {
	color: #006eaa;
}

.p3-page a:active,
.p3-page a:hover {
	color: #5899DD;
}

.p3-page {
	background-color: #eaf5f4;
	position: relative;
}

.p3-page .img {
	display: block;
	width: 45%;
}

.p3-page .img img {
	width: 100%;
	display: block;
}

.p3-page .con {
	position: absolute;
	right: 50%;
	width: 590px;
	margin-right: -560px;
	bottom: 45px;
}

.p3-page .con .t {
	color: #006eaa;
	font-size: 30px;
}

.p3-page .con .c {
	padding: 25px 0px 35px;
	font-size: 14px;
}

.p3-con {
	padding: 5% 0px 0px;
}

.p3-con .conpDL .y {
	width: 120px;
	height: 120px;
	line-height: 120px;
	color: #fff;
	font-size: 40px;
	font-style: italic;
	border-radius: 50%;
}

.hzptBox2 {
	padding: 5% 4%;
	background-color: #5e809a;
	color: #fff;
	width: 34%;
	float: right;
	display: block;
}

.hzptBox2 .c1 {
	font-size: 52px;
	font-style: italic;
	line-height: 1.1;
	font-family: Arial;
}

.p24List {
	margin-left: -2%;
}

.p24List li {
	width: 31.33%;
	margin-left: 2%;
	overflow: hidden;
	float: left;
	display: block;
}

.p24List .img {
	overflow: hidden;
}

.p24List .img img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.p24List .t {
	font-size: 18px;
	padding-top: 28px;
}

.p24List li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.p24List2 {
	border: 1px solid #e5e5e5;
	width: 100%;
}

.p24List2 td {
	padding: 5% 0px;
	width: 25%;
	text-align: center;
}

.p24List2 .en {
	font-size: 30px;
	color: #949494;
	text-transform: uppercase;
	line-height: 1.4;
}

.p24List2 .zh {
	font-size: 18px;
}

.p24List2 .yh {
	color: #fff;
}

.p24List2 .yh .t {
	font-size: 20px;
	margin-bottom: 40px;
}

.p24Nav a:link,
.p24Nav a:visited {
	color: #6c6c6c;
}

.p24Nav a:active,
.p24Nav a:hover {
	color: #6c6c6c;
}

.p24Nav {
	margin: 8% auto 5%;
	border: 1px solid #eaeaea;
}

.p24Nav a {
	float: left;
	display: block;
	width: 50%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.p24Nav .i2 {
	position: relative;
	z-index: 2;
	font-size: 14px;
}

.p24Nav .i {
	background-color: #00a4e0;
	width: 0px;
	transition: 300ms;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

.p24Nav a.act .i {
	width: 100%;
}

.p24Nav a.act .i2 {
	color: #fff;
}

.pconPage3 {
	padding: 0px 0px 5%;
}

.pconPage3 .winr {
	text-align: center;
	font-size: 12px;
	color: #d6716f;
	width: 158px;
	margin-bottom: 20px;
}

.p24News a:link,
.p24News a:visited {
	color: #686868;
}

.p24News a:active,
.p24News a:hover {
	color: #5899DD;
}

.p24News dd {
	border: 1px solid #e5e5e5;
	margin-bottom: 5%;
	color: #686868;
}

.p24News dd .img {
	width: 50%;
	float: left;
	display: block;
	margin-right: 5%;
	overflow: hidden;
	position: relative;
}

.p24News dd .img img {
	width: 100%;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.p24News dd .con {
	float: left;
	display: block;
	width: 40%;
	padding-top: 5%;
}

.p24News dd .img .time {
	background-color: #d8d8d8;
	text-align: center;
	height: 76px;
	width: 76px;
	display: block;
	color: #fff;
	position: absolute;
	right: 0px;
	top: 0px;
}

.p24News dd .img .time i {
	font-size: 24px;
	font-style: initial;
}

.p24News .article-title {
	color: #565656;
	font-size: 18px;
	margin-bottom: 5%;
	height: 32px;
	overflow: hidden;
}

.p24News .article-intro {
	height: 86px;
	line-height: 2;
	overflow: hidden;
	margin-bottom: 5%;
	font-size: 14px;
}

.p24News dd:hover .time {
	background-color: #5899DD;
}

.p24News dd:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.p24News dd:hover .article-title a {
	color: #5899DD;
}

.p24News dd:hover .know-more {
	color: #5899DD;
}

.infoT {
	background-color: #c5c5c5;
	padding: 80px 0px 20px;
	color: #fff;
}

.infoT .t {
	font: 36px/1.4 "Microsoft JhengHei";
	margin-bottom: 18px;
}

.infoT .c span {
	display: inline-block;
	margin-right: 17px;
}

.infoT .c .time {
	background: url(../images/it1.png) no-repeat scroll left center;
	padding-left: 28px;
}

.infoPage a:link,
.infoPage a:visited,
.aboutInfo a:link,
.aboutInfo a:visited {
	color: #6c6c6c;
}

.infoPage a:active,
.infoPage a:hover,
.aboutInfo a:active,
.aboutInfo a:hover {
	color: #5899DD;
}

.infoPage {
	margin: 70px auto;
}

.infoPage p,
.infoPage span {
	font-family: 'Microsoft JhengHei' !important;
	font-size: 14px !important;
	color: #989898 !important;
}

.aboutInfo {
	font-size: 14px;
	color: #7c7c7c;
	overflow: hidden;
}

.aboutInfo img,
.infoPage img,
.infoPage img {
	max-width: 100%;
}

.infoPaging a:link,
.infoPaging a:visited {
	color: #949494;
}

.infoPaging a:active,
.infoPaging a:hover {
	color: #5899DD;
}

.infoPaging {
	padding: 25px 0px;
	line-height: 2.5;
}

.infoPaging p {
	width: 70%;
	overflow: hidden;
}

.infoPaging a.list {
	float: right;
	display: block;
	padding: 12px;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 8px;
}

.infoPaging a.list span {
	background: url(../images/list.gif) no-repeat scroll left center;
	height: 18px;
	padding-left: 32px;
	display: inline-block;
}

.infoPaging a.list:hover {
	background-color: #5899DD;
	color: #fff;
}

.overlay a:link,
.overlay a:visited {
	color: #686868;
}

.overlay a:active,
.overlay a:hover {
	color: #5899DD;
}

.overlay {
	width: 100%;
	overflow: hidden;
	color: #686868;
}

.overlay .overlaySider {
	display: block;
	height: 48px;
	background-color: #fff;
	width: 90%;
	padding: 6px 5%;
	position: fixed;
	top: 0;
	left: 0px;
	line-height: 48px;
	z-index: 300;
	box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3);
}

.overlay .pinner {
	width: 78%;
	overflow: hidden;
	padding: 80px 0px 0px;
	margin: 0px auto;
}

.overlaySider .selectYear {
	display: block;
}

.returnA {
	font-size: 16px;
	padding: 40% 0px 10%;
	float: left;
	display: block;
	padding: 0px 30px;
	background: #5899DD
}

.returnA a {
	color: #fff !important;
}

.overlayNav {
	border: 1px solid #e5e5e5;
	border-bottom: 0px none;
	display: none;
}

.overlayNav dd {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #f0f0f0;
}

.overlayNav dd a {
	display: block;
	text-indent: 2em;
	font-size: 14px;
	background: url(../images/on_i1.gif) no-repeat scroll 90% center #fff;
}

.overlayNav dd a:hover {
	background-image: url(../images/on_i2.gif);
	color: #fff;
	background-color: #5899dd;
}

.overT {
	margin-bottom: 80px;
	position: relative;
}

.overT .name {
	font-size: 30px;
	line-height: 1.4;
}

.overT .city {
	font-size: 18px;
	color: #949494;
}

.overD .overLeft {
	float: left;
	width: 40%;
	display: block;
}

.overD .overRight {
	float: right;
	width: 50%;
	display: block;
}

.overD {
	border-top: 1px solid #e8e8e8;
	padding: 50px 0px;
	font-size: 14px;
	line-height: 2;
	/*width: 88%;*/
	overflow: hidden;
}

.cb1 {
	color: #b1b1b1;
}

.onumBox {
	position: absolute;
	right: 28px;
	top: 20px;
	font-size: 14px;
	width: 110px;
	text-align: center;
}

.onumBox .pleft {
	background: url(../images/a_l2.png) no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.onumBox .pright {
	background: url(../images/a_r2.png) no-repeat scroll right center;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.overD {
	padding: 50px 0px;
	font-size: 14px;
	line-height: 2;
}

.overD .t {
	font-size: 20px;
	margin-bottom: 20px;
}

.overD .tel2 {
	background: url(../images/ot_1.png) no-repeat scroll left center;
	padding-left: 32px;
}

.overD .add {
	background: url(../images/ot_2.png) no-repeat scroll left center;
	padding-left: 32px;
}

.overD dd p {
	margin-bottom: 10px;
}

.butBnt {
	background-color: #5899DD;
	color: #fff;
	width: 138px;
	height: 46px;
	line-height: 46px;
	display: block;
	text-align: center;
	margin-top: 60px;
}

.butBnt span {
	background: url(../images/ot_3.png) no-repeat scroll left center;
	padding-left: 30px;
	display: inline-block;
	color: #fff;
}

.butBnt:hover {
	background-color: #00AAAD;
}

.butBox {
	background-color: #74a0ef;
	width: 1004px;
	position: fixed;
	left: 50%;
	margin-left: -502px;
	top: 30%;
	z-index: 550;
	display: none;
}

.butBox .t {
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin-top: 20px;
}

.butBox .boxcon {
	padding: 28px 0 0px 0px;
}

.butBox .con {
	border: 1px solid #cecece;
	background-color: #fff;
	padding: 8%;
	font-size: 14px;
}

.overTbl td {
	padding-bottom: 25px;
}

.overTbl .otxt {
	border: 1px solid #e5e5e5;
	width: 90%;
	padding: 0px 4%;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-family: "Microsoft JhengHei";
	color: #6c6c6c;
}

select.selectlp {
	width: 99%;
	padding: 0px 0px 0px 15px;
	height: 48px;
	vertical-align: middle;
	border: 1px solid #e4e4e4;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "Microsoft JhengHei";
	color: #9f9f9f;
	cursor: pointer;
	display: block;
}

select.selectlp option {
	padding: 2px 15px;
}

select.selectlp:hover {
	color: #101010;
}

.csstransitions select.selectBRC {
	background: url(../images/link_ico3.png) no-repeat scroll 95% center #e4e4e4;
}

.csstransitions select.selectBRC:focus {
	background: url(../images/link_ico4.png) no-repeat scroll 95% center #e4e4e4;
}

.no-csstransitions select.selectBRC {
	padding: 0px;
	background: #e4e4e4;
	height: 30px;
}

.oTBLbtn {
	display: block;
	width: 150px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	background-color: #5899dd;
	text-align: center;
	margin: 0 auto;
	border: none;
	overflow: hidden !important;
}

.oTBLbtn:hover {
	background-color: #5899DD;
}

.popUpblack {
	background: url(../images/black.png) repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
	-webkit-overflow-scrolling: touch;
	z-index: 510;
}

.p22YD {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 8% 0px;
}

.ydBtn {
	background: url(../images/ay3.png) no-repeat;
	width: 95px;
	height: 95px;
	position: absolute;
	left: 8.9%;
	bottom: 8%;
	border-radius: 50%;
}

.ydBtn span {
	background: url(../images/yd_ico.png) no-repeat scroll center bottom;
	color: #6a9cd7;
	display: block;
	width: 100%;
	text-align: center;
	padding: 30px 0px 20px;
}

.ydBtn:hover span {
	color: #6C6C6C;
	background-image: url(../images/yd_ico2.png);
}

.ydBtn2 {
	background: url(../images/ay4.png) no-repeat;
	width: 129px;
	height: 129px;
	position: absolute;
	left: 7%;
	bottom: 8%;
	border-radius: 50%;
}

.ydBtn2 span {
	background: url(../images/yd_ico3.png) no-repeat scroll center bottom;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	padding: 30px 0px 28px;
	line-height: 1.4;
}

.ydBtn2:hover span {
	color: #6C6C6C;
	background-image: url(../images/yd_ico2.png);
}

.skT {
	position: relative;
	overflow: hidden;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 10px 0px 10px 100px;
	color: #6c6c6c;
}

.skT .num {
	background-color: #22b784;
	font: 30px/80px "Microsoft JhengHei";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 5px;
	color: #fff;
	width: 80px;
	text-align: center;
	height: 80px;
}

.sqList li {
	float: left;
	display: block;
	width: 20%;
	overflow: auto;
	text-align: center;
	margin-bottom: 20px;
}

.sqList .img {
	width: 96%;
	border: 1px solid #e7e7e7;
	margin: 0px auto;
}

.sqList .img img {
	width: 100%;
	display: block;
	overflow: hidden;
}

.bg60c0bd {
	background-color: #60c0bd;
}

.bgbbe1df {
	background-color: #bbe1df;
}

.bgb8cbbb {
	background-color: #b8cbbb;
}

.bga4d4ac {
	background-color: #a4d4ac;
}

.bg438a7b {
	background-color: #438a7b;
}

.bgd5ead7 {
	background-color: #d5ead7;
}

.sklist {
	margin-left: -4%;
	color: #6c6c6c;
	position: relative;
}

.sklist li {
	float: left;
	display: block;
	width: 12.6%;
	margin-left: 4%;
	text-align: center;
}

.sklist .num {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	color: #fff;
	display: block;
	margin: 0px auto;
	font-size: 24px;
	line-height: 76px;
	font-family: Arial;
}

.sklist .t {
	padding: 5px 0px;
	font-size: 16px;
}

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

.skbot {
	background-color: #e5e5e5;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: 6%;
	width: 88%;
	top: 38px;
}

.brc-stbox {
	padding-top: 40px;
}

.brc-stbox dd {
	float: left;
	display: block;
	width: 32%;
	margin-left: 2%;
	margin-bottom: 25px;
}

.brc-stbox .item1 {
	margin-left: 0;
}

.brc-stbox .img {
	overflow: hidden;
}

.brc-stbox .img img {
	width: 100%;
	display: block;
}

.brc-stbox .c {
	padding: 24px;
	border: 1px solid #e5e5e5;
	min-height: 300px;
}

.brc-stbox .t {
	font-size: 18px;
	margin-bottom: 25px;
}

/*product style end*/
/* prodctArea */
.prodctArea {
	margin: 0px auto 116px;
}

.prodctArea-ul ul {
	margin-left: -2%;
}

.prodctArea-ul li a {
	color: #7c7c7c;
}

.prodctArea-ul li {
	float: left;
	display: block;
	margin-left: 2%;
	width: 31.33%;
	background: #e4e4e4;
	margin-bottom: 22px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.prodctArea-ul .item {
	padding: 6px;
	display: block;
}

.prodctArea-ul .img {
	overflow: hidden;
	width: 100%;
}

.prodctArea-ul .img img {
	width: 100%;
	display: block;
	-webkit-transition: 800ms;
	-moz-transition: 800ms;
	-o-transition: 800ms;
	transition: 800ms;
}

.prodctArea-ul .title {
	font-family: 'Microsoft JhengHei';
	font-size: 14px;
	padding-left: 34px;
	height: 62px;
	line-height: 62px;
	overflow: hidden;
}

.prodctArea-ul .arrow {
	float: right;
	display: inline-block;
	background: url(../images/prodctAreaArrow.png) no-repeat;
	width: 29px;
	height: 11px;
	margin: 24px 42px 0px 0px;
	opacity: 0;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.prodctArea-ul li.cur {
	background-color: #00a4e0;
}

.prodctArea-ul li.cur .title {
	color: #fff;
}

.prodctArea-ul li.cur .arrow {
	margin-right: 26px;
	opacity: 1;
}

.prodctArea-ul li.cur .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.prodctArea-ul li.cur a {
	color: #fff;
}

.prodctArea .redMore {
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	opacity: 0.8;
	border: none;
	color: #8e8e8e;
	font-size: 14px;
	padding-left: 12px;
	background: url(../images/prodctAreaMore.png) no-repeat left center;
	margin: 20px auto 0px;
}

.prodctArea .redMore:hover {
	opacity: 1;
}

/* prodctArea */
/*join style*/
.pbanner3 .pbtxt {
	top: 40% !important;
	text-align: right;
	text-shadow: none;
}

.pbanner3 .pbtxt .zh1 {
	color: #567598;
}

.conceptBox a:link,
.conceptBox a:visited {
	color: #6c6c6c;
}

.conceptBox a:active,
.conceptBox a:hover {
	color: #5899DD;
}

.conceptBox {
	padding: 50px 0px 0px;
	background-color: #efefef;
}

.conceptBox .img {
	float: right;
	display: block;
	width: 45%;
	position: relative;
	right: -115px;
}

.conceptBox .img img {
	width: 100%;
	display: block;
}

.conceptBox .con {
	width: 48%;
	overflow: hidden;
	float: left;
	color: #7c7c7c;
	font-size: 14px;
	padding: 50px 0px 0px;
}

.conceptBox .con .pconT {
	margin-bottom: 30px;
}

.conceptBox.article-block .con {
	transform: translate(80px, 0px);
	-webkit-transform: translate(80px, 0px);
	opacity: 0;
}

.conceptBox.article-block .img {
	transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	opacity: 0;
}

.conceptBox.articleShow .con,
.conceptBox.articleShow .img {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.conceptBox.articleShow .con {
	transition: all 570ms ease 250ms;
}

.conceptBox.articleShow .img {
	transition: all 870ms ease 400ms;
}

.advantageBox {
	padding: 90px 0px;
	color: #fff;
	background-attachment: fixed;
	background-size: cover;
	text-align: center;
}

.advantageBox .pconT {
	color: #fff;
	margin-bottom: 30px;
}

.aboutTab a:link,
.aboutTab a:visited {
	color: #fff;
}

.aboutTab a:active,
.aboutTab a:hover {
	color: #fff;
}

.aboutTab {
	overflow: hidden;
	padding: 50px 0px 0px;
	position: relative;
	width: 860px;
	margin: 0px auto;
}

.aboutTab a {
	float: left;
	display: block;
	width: 215px;
	font-size: 18px;
	text-align: center;
	height: 200px;
	transition: 0ms;
	-webkit-transition: 0ms;
}

.aboutTab a .i1 {
	background: url(../images/ay1.png) no-repeat;
	width: 102px;
	height: 102px;
	margin: 0px auto 16px;
	text-align: center;
	color: #5899dd;
	font: 40px/102px Arial;
	display: block;
}

.aboutTab a.active {
	background: url(../images/sj.png) no-repeat scroll center bottom;
}

.aboutTab a.active .i1 {
	background-image: url(../images/ay2.png);
	color: #fff;
}

.advantageslider {
	color: #fff;
	background-color: #5899dd;
	font-size: 14px;
}

.advantageslider a:link,
.advantageslider a:visited {
	color: #fff;
}

.advantageslider a:active,
.advantageslider a:hover {
	color: #fff;
}

.advCon {
	padding: 45px;
	line-height: 2.2;
	text-align: center;
}

.joinBox .t {
	padding: 24px 0px;
	text-align: center;
	font-size: 30px;
}

.joinDL a:link,
.joinDL a:visited {
	color: #fff;
}

.joinDL a:active,
.joinDL a:hover {
	color: #fff;
}

.joinDL {
	padding: 50px 0px;
	color: #fff;
}

.joinDL dd {
	float: left;
	display: block;
	text-align: center;
	width: 38%;
	float: left;
	padding: 8% 5% 5%;
	position: relative;
	overflow: hidden;
}

.joinDL .item1 {
	background-image: url(../images/jd_1.jpg);
}

.joinDL .item2 {
	background-image: url(../images/jd_2.jpg);
	float: right;
}

.joinDL dd .name {
	font-size: 30px;
}

.joinDL dd .c {
	font-size: 18px;
	margin-bottom: 80px;
}

.joinDL dd .ico {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	border-radius: 50%;
	width: 107px;
	height: 107px;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 0px;
	transition: 300ms;
	-webkit-transition: 300ms;
}

/*.joinDL .item2 .list { height: 94px; text-align: center; }
.joinDL .item2 .list a { display: inline-block; margin: 0px 5%; }
.joinDL .item2 .i1 { background-image: url(../images/join_i2.png); }
.joinDL .item2 .i2 { background-image: url(../images/join_i3.png); }
.joinDL .item2 .i3 { background-image: url(../images/join_i4.png); }
.joinDL dd.item1:hover .ico { top: -10px; }
.joinDL dd.item2 a:hover .ico { top: -10px; }*/
.joinDL dd a:hover .ico {
	top: -10px;
}

.joinBox.article-block .inner {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.joinBox.articleShow .inner {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
	transition: all 870ms ease 400ms;
}

/*join style end*/
.popUp {
	width: 220px;
	height: 242px;
	border: 5px solid #999;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -87px 0 0 -115px;
	z-index: 1004;
}

.popUp .t {
	padding: 0 0 0 10px;
	height: 26px;
	line-height: 26px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
	background: #f2f2f2;
}

.popUp .t .close {
	padding: 0 10px 0 0;
	float: right;
	cursor: pointer;
	color: #666;
	font-weight: normal;
}

.popUp .img {
	padding: 20px;
}

.popUp .img img {
	width: 100%;
	height: 100%;
	display: block;
}

/*serach style*/
.serachT {
	font: 36px/1.5 "Microsoft JhengHei";
	color: #5899dd;
	padding: 6% 0px;
}

.serachI {
	background-color: #cde0f5;
	color: #5899dd;
	padding: 36px 30px;
	line-height: 30px;
	margin-bottom: 8%;
}

.serachI .snum {
	font-style: italic;
	padding-left: 12px;
}

.serachI .stxt {
	border: 1px solid #b8c9dc;
	padding: 0px 17px;
	height: 30px;
	width: 30%;
	float: left;
	color: #6D6B6B;
}

.serachI .stxt:focus {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}

.serachI .sbtn {
	background-color: #5899dd;
	color: #fff;
	overflow: hidden;
	text-align: center;
	width: 85px;
	border: 0px none;
	height: 32px;
	line-height: 32px;
	float: left;
	margin-left: 14px;
}

.serachlist a:link,
.serachlist a:visited {
	color: #a9a9a9;
}

.serachlist a:active,
.serachlist a:hover {
	color: #767676;
}

.serachlist dd {
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	color: #a9a9a9;
	padding-bottom: 24px;
	margin-bottom: 30px;
}

.serachlist dd .num {
	float: left;
	display: block;
	padding-right: 26px;
	font-size: 18px;
	line-height: 1.4;
}

.serachlist dd .blue {
	color: #5899dd;
	text-decoration: underline;
}

/*serach style end*/
/*disciplinatryBox*/
.disciplinatryBox {
	border-bottom: 6px solid #f7f7f7;
	background-color: #7ecef4;
	padding: 0px 18px 10px;
	color: #b5b5b5;
	width: 964px;
	margin: 10% auto;
}

.disciplinatryBox a {
	color: #fb9323;
}

.disciplinatryBox .title {
	font: 27px/2 "Microsoft JhengHei";
	color: #fff;
	text-align: center;
}

.disciplinatryBox .bgfff {
	background-color: #fff;
	padding: 5%;
}

.discipForm {
	width: 374px;
	margin: 0px auto 70px;
}

.discipForm .phTips {
	top: 0px;
	left: 5%;
	height: 42px;
	line-height: 42px;
	position: absolute;
	color: #757474;
	font-size: 14px;
	font-family: "Microsoft JhengHei";
}

.discipForm .boxT1 {
	margin-bottom: 14px;
	position: relative;
}

.discipForm .boxT2 {
	margin-bottom: 26px;
	position: relative;
}

.discipForm input[type="text"]:focus,
.discipForm textarea:focus {
	border: 1px solid #7ecef4;
}

.discipForm .dtxt {
	border: 1px solid #e5e5e5;
	padding: 0px 5%;
	width: 90%;
	height: 42px;
	line-height: 42px;
	font-family: "思源黑体";
	color: #424141;
}

.discipForm .bbtn {
	border: 1px solid #e5e5e5;
	background-color: #fb9323;
	text-align: center;
	font-size: 18px;
	display: block;
	height: 42px;
	color: #fff;
	line-height: 42px;
}

.discipForm .bbtn:hover {
	background-color: #7ecef4;
	border: 1px solid #7ecef4;
}

.disciplinatryC {
	text-align: center;
}

.disciplinatryTbl {
	width: 100%;
	display: block;
	margin-bottom: 50px;
}

.disciplinatryTbl dd {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 21px;
	font-size: 14px;
	padding-bottom: 10px;
}

.disciplinatryTbl .d-c,
.disciplinatryTbl .d-p {
	float: left;
	display: block;
	width: 80%;
}

.disciplinatryTbl .d-p {
	width: 16%;
	text-align: right;
	padding: 0px 2%;
}

.balckDA {
	display: inline-block;
	float: right;
	background-color: #7ecef4;
	padding: 0px 18px;
	height: 28px;
	line-height: 28px;
}

.balckDA span {
	background: url(../images/black_DA.png) no-repeat scroll left center;
	padding-left: 26px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
}

.balckDA:hover {
	background-color: #fb9323;
}

/*disciplinatryBox end*/
/*socialResponsibilityReport*/
.reportList ul {
	margin-left: -2%;
}

.reportList li {
	float: left;
	display: block;
	width: 48%;
	margin: 0px 0px 2% 2%;
}

.reportList .item {
	border: 1px solid #f0f0f0;
	color: #6c6c6c;
	cursor: pointer;
	position: relative;
}

.reportList .img {
	float: left;
	display: block;
	width: 38%;
	margin-right: 3%;
}

.reportList .img img {
	width: 100%;
	display: block;
}

.reportList .con {
	float: left;
	display: block;
	width: 56%;
	padding-top: 25px;
}

.reportList .con .t {
	font-size: 19px;
	height: 34px;
	overflow: hidden;
}

.reportList .con .time {
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 28px;
}

.reportList .con .c {
	font-size: 14px;
	height: 101px;
	overflow: hidden;
	margin-bottom: 25px;
}

.reportList .downA {
	background: url(../images/pdfico.png) no-repeat;
	width: 35px;
	height: 35px;
	display: block;
}

.reportList .reportA {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3;
}

.reportList .item:hover {
	color: #5899dd;
	background-color: #f8f8f8;
}

.reportList .item:hover .downA {
	background-image: url(../images/pdfico2.png);
}

/*socialResponsibilityReport end*/
/*addGGBox style*/
.addGGBox a:link,
.addGGBox a:visited {
	color: #fff;
}

.addGGBox a:active,
.addGGBox a:hover {
	color: #fff;
}

.addGGBox {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.addGGBox a {
	display: block;
	padding: 20px 0px;
}

.addGGBox .con {
	width: 1000px;
	margin: 0px auto;
	text-align: center;
}

.addGGBox .con .font {
	width: 100%;
	display: block;
}

.addGGBox .con .t {
	font-size: 38px;
	line-height: 1.4;
	font-weight: bold;
}

.addGGBox .con .c {
	font-size: 22px;
}

/*addGGBox style end*/
/*suggestion style */
.addGGBox a:link,
.addGGBox a:visited {
	color: #fff;
}

.addGGBox a:active,
.addGGBox a:hover {
	color: #fff;
}

.addGGBox {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.addGGBox a {
	display: block;
	padding: 20px 0px;
}

.addGGBox .con {
	width: 1000px;
	margin: 0px auto;
	text-align: center;
	visibility: hidden;
	height: 137px;
}

.addGGBox .con .font {
	width: 100%;
	display: block;
}

.addGGBox .con .t {
	font-size: 38px;
	line-height: 1.4;
	font-weight: bold;
}

.addGGBox .con .c {
	font-size: 22px;
}

.suggestion-box {
	padding: 80px 0px;
}

.suggestion-box .img {
	float: right;
	display: block;
	width: 50%;
	position: relative;
}

.suggestion-box .img img {
	width: 100%;
	display: block;
}

.suggestion-box .con {
	width: 45%;
	overflow: hidden;
	float: left;
	color: #6c6c6c;
	font-size: 14px;
}

.suggestion-box .con .pconT {
	margin-bottom: 22px;
	line-height: 1.2;
	font-weight: bold;
}

.suggestion-box.article-block .con {
	transform: translate(80px, 0px);
	-webkit-transform: translate(80px, 0px);
	opacity: 0;
}

.suggestion-box.article-block .img {
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
	opacity: 0;
}

.suggestion-box.articleShow .con,
.suggestion-box.articleShow .img {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	opacity: 1;
}

.suggestion-box.articleShow .con {
	transition: all 570ms ease 250ms;
}

.suggestion-box.articleShow .img {
	transition: all 870ms ease 400ms;
}

.c5886ba {
	color: #5886ba;
}

.suggestionPage {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 80px 0px 70px;
	color: #fff;
}

.suggestionForm .item1 {
	float: left;
	display: block;
	width: 69%;
	margin-right: 3%;
}

.suggestionForm .item2 {
	float: left;
	display: block;
	width: 28%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}

.sitem-box {
	padding: 50px 0px;
	padding: 46px 0px\9;
	height: 150px;
	text-align: center;
	background-color: #89b1de;
}

.sitem-box a:link,
.sitem-box a:visited {
	color: #fff;
}

.sitem-box a:active,
.sitem-box a:hover {
	color: #fff;
}

.sitem-box2 {
	background-color: #5f94d0;
}

.sitem-box3 a:link,
.sitem-box3 a:visited {
	color: #5886ba;
}

.sitem-box3 a:active,
.sitem-box3 a:hover {
	color: #666;
}

.sitem-box3 {
	background-color: #fff;
	padding: 34px 0 26px;
	color: #5886ba;
}

.sitem-box3 .fc {
	margin-bottom: 4px;
}

.sitem-box3 img.vm {
	display: block;
	margin: 0px auto;
}

.sitem-box .ico {
	width: 60px;
	margin: 0px auto;
}

.sitem-box .ico img {
	width: 100%;
	display: block;
}

.suggestion-list .fitem {
	float: left;
	display: block;
	width: 50%;
}

.suggestion-list .fname {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

.suggestion-list .ftxt {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 27px;
	height: 27px;
	font-family: "Microsoft JhengHei";
	color: #000;
	width: 94%;
	padding: 11px 2%;
	margin: 0px 2% 0 0;
	border: 0px none;
}

.suggestion-list .ftxt2 {
	height: 130px;
	resize: none;
}

.suggestion-list .fm15 {
	margin-bottom: 15px;
}

select.fsel {
	width: 98%;
	margin-right: 2%;
	padding: 14px 2%;
	line-height: 27px;
	vertical-align: middle;
	border: 0px none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "Microsoft JhengHei";
	color: #666666;
	font-size: 15px;
	font-family: "Microsoft JhengHei";
	cursor: pointer;
	display: block;
}

select.fsel option {
	padding: 2px 1%;
}

select.fsel:hover {
	color: #101010;
}

.csstransitions select.fsel {
	background: url(../images/fseico.png) no-repeat scroll 97.5% center #fff;
}

.suggestion-list .fitem .ftxt {
	margin-right: 4%;
	width: 88%;
	padding: 14px 4%;
	padding: 11px 4%\9;
}

.suggestion-list .fitem select.fsel {
	width: 96%;
	padding: 14px 4%;
	background-position: 95% center;
}

.suggestion-list .sug-btn {
	padding-top: 10px;
}

.sug-btn a:link,
.sug-btn a:visited {
	color: #fff;
}

.sug-btn a:active,
.sug-btn a:hover {
	color: #fff;
}

.sugbtn-ok1,
.sugbtn-ok2 {
	display: block;
	width: 48%;
	float: left;
	text-align: center;
	display: block;
	height: 58px;
	line-height: 58px;
	margin-right: 2%;
	background-color: #5f94d0;
	font-size: 15px;
}

.sugbtn-ok2 {
	background-color: #89b1de;
}

.sugbtn-ok1:hover,
.sugbtn-ok2:hover {
	background-color: #666;
}

/*suggestion style end*/

.align-vertical {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
}

.vertical-inner {
	display: table-cell;
	vertical-align: middle;
}

/*.open-content { margin: 0px auto; position: relative; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }*/
.open-content {
	margin: 0px auto;
	position: relative;
	opacity: 0;
	visibility: hidden;
}

.open-show,
.open-show body {
	overflow-y: hidden;
}

.open-show .open-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.open-show .open-modal {
	opacity: 1;
	visibility: visible;
}

.open-show .open-box-close {
	transform: inherit;
	-webkit-transform: inherit;
	opacity: 1;
}

.open-box-close {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	position: fixed;
	right: 5%;
	top: 5%;
	cursor: pointer;
	opacity: 0;
	background: url(../images/close_i1.png) no-repeat scroll center center #5899dd;
	background-size: 16px auto;
	transition: 300ms;
	-webkit-transition: 300ms;
	transform: translateX(86px);
	-webkit-transform: translateX(86px);
}

.open-box-close:hover {
	background-color: #222222;
}

.open-box-close:hover i {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.open-modal {
	position: fixed;
	left: 0px;
	top: 0px;
	overflow-y: auto;
	right: 0px;
	bottom: 0px;
	z-index: 1200;
	background: url(../images/black.png) repeat;
	background: none rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	display: none;
}

.join-zybox {
	width: 958px;
	padding: 55px 90px;
	background-color: #fff;
	margin: 0px auto;
	font-size: 14px;
}

.join-zybox .title {
	font-size: 35px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 5%;
}

.join-zytab {
	width: 100%;
	border-collapse: collapse;
}

.join-zytab td {
	padding: 12px;
	border: 1px solid #e4e4e4;
}

.join-zytab td.t-left {
	padding: 12px 20px;
	background-color: #fcfcfc;
	width: 106px;
}

.join-zytab2 {
	margin: -1px auto 0px;
}

.join-zybox-box {
	margin-bottom: 45px;
}

.join-zybox .jz-txt {
	border: 0px none;
	width: 100%;
	height: 100%;
	line-height: 100%;
}

.join-zybox .jz-txt.error {
	border-bottom: 1px solid #dd5858;
}

.join-zybox .f12 {
	font-size: 12px;
	line-height: 1.2;
}

.join-zybox label {
	margin-right: 5px;
}

select.jz-se {
	width: 98%;
	padding: 5px 2%;
	vertical-align: middle;
	border: 1px solid #dfdfdf;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "Microsoft JhengHei";
	color: #666666;
	font-size: 15px;
	font-family: "Microsoft JhengHei";
	cursor: pointer;
	display: block;
}

select.jz-se option {
	padding: 2px 1%;
}

select.jz-se:hover {
	color: #101010;
}

.csstransitions select.jz-se {
	background: url(../images/fseico2.png) no-repeat scroll 97.5% center #fff;
}

.csstransitions select.jz-se2 {
	background: url(../images/fseico2.png) no-repeat scroll 96% center #fff;
}

select.jz-se2 {
	float: left;
	display: block;
	width: 31.5%;
	margin-right: 2%;
}

select.jz-se2mr {
	margin-right: 0;
}

.linkA {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/w0.png) no-repeat;
}

.imgw {
	width: 100%;
	display: block;
}

.scaleO:hover .imgw {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.transition68 {
	transition: 0.68s;
	-webkit-transition: 0.68s;
}

.pro-nav a:link,
.pro-nav a:visited {
	color: #fff;
}

.pro-nav a:active,
.pro-nav a:hover {
	color: #fff;
}

.pro-nav {
	background-color: #101010;
	overflow: hidden;
}

.pro-nav dd {
	float: left;
	display: block;
	width: 50%;
	color: #fff;
}

.pro-nav .item1 .title {
	background-color: #00a4e0;
}

.pro-nav .item2 .title {
	background-color: #00aaad;
}

.pro-nav .title {
	padding: 20px 0px;
	line-height: 1.5;
	font-size: 30px;
	text-align: center;
}

.pro-nav .itemC {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
}

.pro-nav .itemC .con {
	position: absolute;
	left: 5%;
	width: 90%;
	top: 50%;
	margin-top: -20px;
	text-align: center;
	font-size: 12px;
}

.pro-nav .con .zh {
	display: block;
	font-size: 20px;
	margin: 0px auto;
	line-height: 1.2;
}

.pg-padding {
	/* padding-top: 70px; */
	font-size: 14px;
	color: #666;
}

.pg-txt {
	padding: 5px 0px 45px;
	transform: translateY(-46%);
}

.pro-gnav a:link,
.pro-gnav a:visited {
	color: #838383;
}

.pro-gnav a:active,
.pro-gnav a:hover {
	color: #fff;
}

.pro-gnav {
	margin-bottom: 55px;
}

.pro-gnav li {
	position: relative;
	float: left;
	display: block;
	width: 25%;
	text-align: center;
	border:1px solid #e5e5e5;
	box-sizing: border-box;
	border-right: none;
}
.pro-gnav li:nth-child(4n),
.pro-gnav li:last-child{
	border-right: 1px solid #e5e5e5;
}
.pro-gnav li:before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #e5e5e5;
}

.pro-gnav a:hover,
.pro-gnav a.active {
	background-color: #a0820c;
	color: #fff;
}

.pro-gnav a {
	display: block;
	height: 72px;
	line-height: 72px;
	overflow: hidden;
}

.mb0 {
	margin-bottom: 0;
}

.f20 {
	font-size: 20px;
}

.pro-gtab {
	padding-bottom: 90px;
}

.pro-gtab ul {
	margin-left: -1%;
}

.pro-gtab li {
	position: relative;
	float: left;
	display: block;
	width: 24%;
	margin-left: 1%;
	text-align: center;
	padding: 50px 0px 0;
	height: 195px;
	color: #6c6c6c;
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.pro-gtab li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
}

.pro-gtab .ico {
	position: relative;
	width: 100px;
	height: 100px;
	display: block;
	margin: 0px auto;
}

.pro-gtab .ico img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.pro-gtab .ico .i2 {
	display: none;
}

.pro-gtab .zh {
	font-size: 18px;
	line-height: 1.2;
}

.pro-gtab .en {
	line-height: 1.5;
}

.pro-gtab .sj {
	position: absolute;
	left: 50%;
	bottom: -9px;
	margin-left: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #a0820c;
	width: 0;
	height: 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
}

.pro-gtab li:hover,
.pro-gtab li.active {
	
	background-color: #a0820c;
	color: #fff;
}

.pro-gtab li:hover .ico .i2,
.pro-gtab li.active .ico .i2 {
	display: block;
}

.pro-gtab li:hover .ico .i1,
.pro-gtab li.active .ico .i1 {
	display: none;
}

.pro-gtab .active .sj {
	opacity: 1;
	visibility: visible;
	transform: inherit;
	-webkit-transform: inherit;
}

.pg-page {
	margin-bottom: 50px;
	overflow: hidden;

}

.bgeafbfc {
	background-color: #eafbfc;
}

.mb12 {
	margin-bottom: 12px;
}

.er-padding {
	padding: 50px 0px;
}

.add-ermbox {
	text-align: center;
	font-size: 22px;
	color: #0f3775;
}

.add-ermbox .img {
	width: 111px;
	display: block;
	margin: 0px auto 10px;
}

.erm-tab a:link,
.erm-tab a:visited {
	color: #6c6c6c;
}

.erm-tab a:active,
.erm-tab a:hover {
	color: #fff;
}

.erm-tab {
	border: 1px solid #e5e5e5;
	margin: 110px 0 55px;
}

.erm-tab li {
	position: relative;
	float: left;
	display: block;
	width: 50%;
	text-align: center;
}

.erm-tab li:before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #e5e5e5;
}

.erm-tab a:hover,
.erm-tab a.active {
	background-color: #00a4e0;
	color: #fff;
}

.erm-tab a {
	display: block;
	height: 72px;
	line-height: 72px;
	overflow: hidden;
	font-size: 18px;
}

.erm-tab .txt {
	position: relative;
	padding-left: 50px;
}

.erm-tab .txt i {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	top: 50%;
	margin-top: -20px;
}

.erm-tab .txt i.i1 {
	display: none;
}

.erm-tab .active .txt i.i1,
.erm-tab a:hover .txt i.i1 {
	display: block;
}

.erm-tab .active .txt i.i2,
.erm-tab a:hover .txt i.i2 {
	display: none;
}

.sider-erm-box {
	float: left;
	display: block;
	width: 200px;
}

.sider-erm a:link,
.sider-erm a:visited {
	color: #686868;
}

.sider-erm a:active,
.sider-erm a:hover {
	color: #686868;
}

.sider-erm {
	border: 1px solid #e5e5e5;
	border-bottom: 0px none;
	background-color: #fff;
}

.sider-erm>li>a {
	display: block;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	padding: 0 34px 0 20px;
	border-bottom: 1px solid #e5e5e5;
	background: url(../img/mz_r.png) no-repeat scroll 95% center;
}

.sider-erm>li>a.active,
.sider-erm>li>a:hover {
	background-color: #567598;
	background-image: url(../img/mz_r2.png);
	color: #fff;
}

.sider-erm dl {
	padding: 18px 20px;
	border-bottom: 1px solid #e5e5e5;
}

.sider-erm dl dd {
	padding-left: 20px;
}

.sider-erm dl a {
	display: block;
	padding: 3px 0;
}

.sider-erm dl a:hover {
	color: #5899dd;
}

.erm-page-c {
	float: right;
	display: block;
	width: 75%;
}

.erm-page-c .title {
	font-size: 20px;
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 0;
}

.erm-list {
	margin-left: -2%;
	padding: 40px 0 20px;
}

.erm-list li {
	float: left;
	display: block;
	width: 18%;
	margin: 0 0 25px 2%;
	text-align: center;
	cursor: pointer;
}

.erm-list .ico {
	width: 40px;
	height: 40px;
	background: url(../img/ew3.png) no-repeat scroll center center;
	display: block;
	margin: 0px auto 12px;
}

.erm-list .txt {
	height: ;
	line-height: 1.5;
	font-size: 16px;
	height: 48px;
	overflow: hidden;
}

.erm-list li:hover .ico {
	background-image: url(../img/ew2.png);
}

.sider-erm-box.gafixed {
	position: fixed;
	left: 50%;
	margin-left: -560px;
	top: 100px;
}

.erm-show {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: 0.68s;
}

.erm-bg {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/black.png) repeat;
	background: none rgba(0, 0, 0, 0.6);
}

.erm-desc {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 320px;
	height: 380px;
	padding: 30px;
	margin: -230px 0 0 -190px;
	background-color: #fff;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
}

.erm-desc .desc span {
	display: none;
}

.erm-top {
	height: 60px;
	line-height: 60px;
	margin-bottom: 30px;
}

.erm-top img {
	height: 60px;
	float: left;
	display: block;
	margin-right: 20px;
}

.erm-top .desc {
	font-size: 24px;
	color: #333;
}

.erm-down {
	text-align: center;
	color: #666;
	width: 220px;
	margin: 0px auto;
	font-size: 16px;
	line-height: 1.5;
}

.erm-down .eqimg {
	width: 100%;
	margin: 0px auto 20px;
}

.erm-show.show {
	opacity: 1;
	visibility: visible;
}

.erm-show.show .erm-desc {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: 0.56s;
}

.erm-list2 {
	padding-bottom: 40px;
}

.erm-list2 dd {
	float: left;
	display: block;
	padding: 20px 3% 20px;
	width: 44%;
}

.erm-list2 .img {
	width: 35%;
	float: left;
	display: block;
}

.erm-list2 .img img {
	width: 100%;
	display: block;
}

.erm-list2 .desc {
	float: left;
	display: block;
	width: 60%;
	margin-left: 5%;
}

.erm-list2 .desc .t {
	height: 80px;
	margin-bottom: 20px;
}

.erm-list2 .desc .t img {
	height: 100%;
	display: block;
}

.erm-list2 .desc .c {
	font-size: 14px;
	color: #6c6c6c;
}


.group-list {
	margin-left: -4%;
}

.group-list li {
	position: relative;
	float: left;
	display: block;
	width: 46%;
	margin-left: 4%;
	margin-bottom: 35px;
	background-color: #e4e4e4;
	transition: 0.38s;
	-webkit-transition: 0.38s;
}

.group-list .img {
	overflow: hidden;
	border: 2px solid #e4e4e4;
	transition: 0.38s;
	-webkit-transition: 0.38s;
}

.group-list .img img {
	width: 100%;
	display: block;
	transition: 0.58s;
	-webkit-transition: 0.58s;
}

.group-list .txt {
	position: relative;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	padding: 0 80px 0 5%;
}

.group-list .more {
	background: url(../images/yd_ico3.png) no-repeat scroll center center;
	width: 29px;
	height: 11px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -5px;
	opacity: 0;
	visibility: hidden\9;
	transition: 0.38s;
	-webkit-transition: 0.38s;
}

.group-list li:hover {
	background-color: #00a4e0;
	color: #fff;
}

.group-list li:hover .img {
	border-color: #00a4e0;
}

.group-list li:hover .more {
	opacity: 1;
	visibility: visible\9;
}

/*videoList style*/
.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: 900px;
	height: 506px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -253px;
	margin-left: -450px;
}

.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/close_i1.png) no-repeat scroll center center;
	transition: 0.6s;
	-webkit-transition: 0.6s;
}

.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;
}

.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
	display: none !important;
}

.jwdisplayIcon {
	background: none no-repeat !important;
}

.bgf5 {
	background-color: #f5f5f5;
	padding: 100px 0;
}

.video-one {
	margin-top: -100px;
}

.snw-video dd {
	float: left;
	display: block;
	width: 66%;
}

.snw-video dd.desc {
	width: 33%;
	margin-right: 1%;
}

.snw-tx {
	padding: 40px 45px;
	height: 322px;
	background: #fff;
	overflow: hidden;
}

.snw-tx .tx {
	margin-top: 35px;
	height: 189px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 2;
	border-top: 1px solid #ccc;
	color: #807e7e;
	font-size: 14px;
	text-align: justify;
}

.snw-title .zh {
	color: #333;
	font-size: 22px;
	line-height: 1.4;
	height: 60px;
	overflow: hidden;
}

.snw-ico {
	width: 19px;
	height: 20px;
	border: 2px solid #999;
	display: block;
	margin-top: 8px;
	background: url(../images/snw_ico.png) no-repeat scroll center center;
}
.video-xcp{
	clear: both;
}
.video-box {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 50%;
	float: left;
	margin: 15px;
    left: 24%;
	/*height: 250%;*/
}
@media (max-width: 768px) {
    .video-box {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        width: 65%;
        float: left;
        margin: 15px;
        left: 15%;
        /* height: 250%; */
    }
}
@media (max-width: 414px) {
    .video-box {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        width: 85%;
        float: left;
        margin: 15px;
        left: 5%;
        /* height: 250%; */
    }
}
.video-button{
	margin: 0 auto;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	text-align: center;
}
.video-button img{
	z-index: 999;
}

.video-box .pic img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.video-box .bico {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -26px;
	width: 53px;
	height: 53px;
	background: url(../images/vico.png) no-repeat scroll center center;
	background-size: cover;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.video-box:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.video-box:hover .bico {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.vide-list {
	margin-left: -2%;
}

.vide-list {
	padding: 60px 0 0px;
}

.vide-list li {
	float: left;
	display: block;
	width: 31.33%;
	margin-left: 2%;
	margin-bottom: 25px;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.vide-list .img {
	position: relative;
	overflow: hidden;
}

.vide-list .img img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.vide-list .img:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid transparent;
	border-bottom: none;
	-webkit-transition: 400ms;
	transition: 400ms;
	z-index: 2;
}

.vide-list .bico {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -26px 0 0 -26px;
	width: 53px;
	height: 53px;
	background: url(../images/vico.png) no-repeat scroll center center;
	background-size: cover;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.vide-list .txt {
	height: 70px;
	line-height: 70px;
	text-align: center;
	padding: 0px 25px;
	border: 1px solid #cccccc;
	border-top: 0px none;
	font-size: 14px;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.vide-list li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.vide-list li:hover .bico {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.vide-list li:hover {
	background-color: #5899dd;
}

.vide-list li:hover .txt {
	border-color: #5899dd;
	color: #fff;
}

.vide-list li:hover .img:before {
	border-color: #5899dd;
}

.left-pic{
	width: 50%;
	float: left;
	height: 100%;
	transition: all .6s;
	overflow: hidden;
}
.left-pic img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.left-pic img:hover{
	transform: scale(1.1);
}
.right-jc{
	float: left;
    width: 46%;
	padding: 3% 1% 10% 3%;
}
.right-jc p{
	line-height: 2em;
	text-align: justify;
	font-size: .9em;
}
.right-pic{
	width: 50%;
	float: right;
	height: 100%;
	overflow: hidden;

}
.ztyw{
	width: 100%;
	height: 30vh;
	overflow: hidden;
}
.left-jc{
	float: left;
    width: 46%;
	padding: 3% 3% 10% 1%;	
}
.right-pic img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;

}
.right-pic img:hover{
	transform: scale(1.1);
}
.ztyw h1{
	font-weight: bold;
}
.jscy{
	text-align: center;
	font-size: 3.6rem;
	line-height: 6rem;
}
@media (max-width:1920px) {
.b_box{
	margin-top: 16%;
	color: white;
	text-align: center;
	text-shadow:6px 3px 7px #000;
}	
}
@media (max-width:1366px) {
.b_box{
	margin-top: 12%;
	color: white;
	text-align: center;
}
}
@media (max-width:1024px) {
	.b_box{
		margin-top: 25%;
		color: white;
		text-align: center;
	}
}
@media (max-width: 414px){
    .b_box {
        margin-top: 40%;
        color: #fff;
        text-align: center;
    }
}
.b_box div{
	color: white;
}
@media (max-width: 414px){
    .b_box div{
        color: #fff;
    }
}
.jscyyw{
	font-size: 1.6rem;
	text-align: center;
}
/*videoList style end*/