@charset "utf-8";

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;
}
/* always display scrollbars */

body {
	font: 14px/1.8 "Microsoft JhengHei","Helvetica Neue","Hiragino Sans GB",Arial,"SimSun",sans-serif;
	margin: 0 auto;
	color: #989898;
	background-color: #fff;
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

strong {
	font-weight: bold;
}

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

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

.clear {
	clear: both;
}

/*.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height: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;
	margin: 0px auto;
}

.head {
	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);*/
}

.shrink-nav {
    background-color: #FFF;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
}

.top {
	position: relative;
}

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

.shrink-nav .top a {
	color: #000;
}

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

.logo {
	float: left;
	display: block;
	width: 208px;
	height: 52px;
	margin-top: 14px;
	margin-left: 20px;
	background:url(../picture/logowh.png) no-repeat;
}

.shrink-nav .logo {
	float: left;
	display: block;
	width: 208px;
	height: 52px;
	margin-top: 14px;
	margin-left: 20px;
	background:url(../picture/logo.png) no-repeat;
}

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

.navbox {
	float: right;
	display: block;
	width: 932px;
	padding-top: 17px;
	height: 63px;
	position: relative;
}

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

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

.nav li.hov a {
	color: #006eab;
}

.nav a {
	font-size: 16px;
}

.mtop {
	height: 80px;
}

.subbox {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 690px;
	border-top: 2px solid #acccec;
	background-color: #006eab;
	padding: 0px 0px 0px 68px;
	display: none;
}

.subnav {
	line-height: 1.8;
	float: left;
	display: block;
	border-left: 1px solid #4f89c6;
	height: 170px;
	padding: 10px 0px;
	width: 114px;
	position: relative;
	overflow: hidden;
}

.subnav3{
	font-size: 14px;
}

.navXF a{
	margin-left: 0px!important;
	font-size: 14px;
}

.navXF-1{
	font-size: 14px;
}
.subnav a {
	padding: 2px 12px;
	display: inline-block;
	position: relative;
	color:#fff !important;
	text-align: center;
	width: 90px;
	height: 25px;
	overflow: hidden;
}

.csstransitions .cbg {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f38e2e;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-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 .subnavAct .cbg {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.no-csstransitions .cbg {
	display: none;
}

.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-1 {
	width: 28px;
	height: 19px;
	margin-top: 32px;
	float: right;
	margin-right: 18px;
}

.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: #FFF;
}

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

.linkIbox {
	background-color: #3E3E3E;
	padding: 40px 0;
	color: #C9D5E3;
	position: relative;
	z-index: 10;
}

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

.linkIbox dd.item6 {
	width: 10%;
}

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

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

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

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

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

.linkIbox dd.article-block a{
	width: 85px;
	display: block;
	height: 30px;
	overflow: hidden;
}

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

.foot {
	/*background-color: #298CC4;*/
	background-color:#333;
	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: 1;
}

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

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


.lett2{
	margin-left: -120px;
}

.lett1{
	margin-left: 0;
}
.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;
}

.lett .s4 {
	background: url(../images/f4.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: 9999;
	display: none;
	cursor: pointer;
}

.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;
}
/* 
 * 	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;
}
 
 
 

.me-body{
	width:100%;
	margin:0 auto;}

/*product*/
.ind-pro{
	width:100%;
	margin:0 auto;
	background-color: #f8f8fa;}

.container, .inner-container {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 60px 20px 0px;
}

.container-region-top {
  margin-top: -60px;
  margin-bottom: 50px;
}

.i-pro{
	padding: 65px 0px;
}

.i-pro-list ul{
	margin-right: -42px;
}
.i-pro-list li{
	width: 228px;
	text-align: center;
	margin-right: 56px;
	float:left;
}
.i-pro-list li .on{
	background-position: bottom;
}
.i-pro-img{
	width: 228px;
	height: 228px;
	background: url(../images/i-pro-01.jpg) no-repeat top;
}
.i-pro-list li p{
	font-size: 16px;
	line-height: 66px;
	color: #555;
}

.i-pro .pro-p{
	text-align:center;
	margin-top:80px;
	}

.pro-more{
	text-align:center;
	padding:13px 60px;
	border:1px solid #006eab;
	border-radius:5px;
	font-size:16px;
	color:#006eab;}

.pro-more:hover{
	background:#006eab;
	color:#fff;
	-webkit-transition:all 0.9s;
	transition:all 0.9s;}

.read-more{
	width: 150px;
	margin: 30px auto 60px;
	font-size: 14px;
	text-align: center;
	color: white;
}

.read-more a{
	background: #cac9c8;
	border: 1px solid #cac9c8;
	padding: 10px 15px;
	color: white;
}

.read-more a:hover{
	background: #00a0e9;
	border: 1px solid #00a0e9;
	padding: 10px 15px;
	color: #cac9c8;
}

/*product  end*/



/*五大服务*/

li .number svg g .st0{
               fill:#000000;
               fill-opacity:0;
               stroke:#000000;
               stroke-miterlimit:10;
               stroke-dasharray:500;
               stroke-dashoffset:500;
           }
           li.on .number svg g .st0{
               -webkit-animation:st00 1.5s ease-in-out 0s forwards;
               -moz-animation:st00 1.5s ease-in-out 0s forwards;
               -o-animation:st00 1.5s ease-in-out 0s forwards;
               -ms-animation:st00 1.5s ease-in-out 0s forwards;
               animation:st00 1.5s ease-in-out 0s forwards;
               fill-opacity:1;
           }
           @-webkit-keyframes st00{
               0%{stroke-dashoffset:500;fill-opacity:0;}
               50%{stroke-dashoffset:300;fill-opacity:0;}
               100%{stroke-dashoffset:0;fill-opacity:1;}
           }
           @-moz-keyframes st00{
               0%{stroke-dashoffset:500;fill-opacity:0;}
               50%{stroke-dashoffset:300;fill-opacity:0;}
               100%{stroke-dashoffset:0;fill-opacity:1;}
           }
           @-o-keyframes st00{
               0%{stroke-dashoffset:500;fill-opacity:0;}
               50%{stroke-dashoffset:300;fill-opacity:0;}
               100%{stroke-dashoffset:0;fill-opacity:1;}
           }
           @-ms-keyframes st00{
               0%{stroke-dashoffset:500;fill-opacity:0;}
               50%{stroke-dashoffset:300;fill-opacity:0;}
               100%{stroke-dashoffset:0;fill-opacity:1;}
           }
           @keyframes st00{
               0%{stroke-dashoffset:500;fill-opacity:0;}
               50%{stroke-dashoffset:300;fill-opacity:0;}
               100%{stroke-dashoffset:0;fill-opacity:1;}
           }

.contentInner {
	width: 1120px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

 
.mainTitle {
	background: #000 url(../images/maintitle_bg.jpg) center center no-repeat;
	background-size: cover
}

.content {
	margin-top: 86px
}

.content h1 {
	text-align: center;
	font-size: 200%;
	font-weight: bold
}

.content p {
	margin-top: 50px;
	text-align: center;
	font-size: 124%;
	line-height: 2
}

.reason .content ul {
	margin-top: 140px
}

.content .saport {
	width: 780px;
	height: 88px;
	line-height: 88px;
	margin: 0 auto;
	font-style: italic;
	font-size: 154%;
	text-align: center;
	border: #e5e5e5 1px solid;
	margin-bottom: 145px;
	font-weight: bold
}

.content ul li {
	margin-bottom: 25px;
	height: 315px;
	width: 100%;
	display: block;
	position: relative
}

.content ul li .number {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	-ie-transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li .photo {
	position: absolute;
	top: 50px;
	left: 83px;
	-webkit-transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	-ie-transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0);
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li .keyword {
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -50px;
	-webkit-transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	-ie-transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	transition: all .8s cubic-bezier(0.165,0.84,0.44,1);
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0);
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li .text {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 45px;
	width: 387px;
	letter-spacing: normal;
	-webkit-transition: all 1.3s cubic-bezier(0.165,0.84,0.44,1);
	-ie-transition: all 1.3s cubic-bezier(0.165,0.84,0.44,1);
	transition: all 1.3s cubic-bezier(0.165,0.84,0.44,1);
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0);
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li .text h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px
}

.content ul li .text p {
	text-align: left;
	font-size: 93%;
	line-height: 2.15;
	margin: 0;
	font-size: 15px;
}

.content ul li:nth-child(even) .number {
	position: absolute;
	top: 0;
	left: inherit;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li:nth-child(even) .photo {
	position: absolute;
	top: 50px;
	left: inherit;
	right: 83px;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li:nth-child(even) .keyword {
	position: absolute;
	bottom: 25px;
	left: inherit;
	right: 50%;
	margin-left: 0;
	margin-right: -50px;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
	opacity: 0;
	filter: alpha(opacity=0)
}

.content ul li:nth-child(even) .text {
	position: absolute;
	top: 50px;
	left: 0;
	margin-left: 0;
	width: 380px;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
	opacity: 0;
	filter: alpha(opacity=0)
}
/*五大服务  end*/



/*news*/
.section5 {
width: 100%;
background: #efefef;
background: url(../images/i-web-bg.png) no-repeat;
/*margin-bottom: -15px;*/
}

/*.w1200 {
width: 1200px;
margin: 0 auto;
}

.news-ul {
width: 100%;
height: 476px;
background: #eee;
margin-top: 46px;
opacity: 0;
filter: alpha(opacity=0);
}*/

.news-ul .new-li {
width: 400px;
height: 476px;
float: left;
background: #fff;
}

.news-ul .new-li .new-box {
height: 200px;
width: 330px;
padding: 38px 35px 0;
position: relative;
background: #fff;
}

.news-ul .new-li .new-box .new-title {
font-size: 18px;
color: #000;
line-height: 20px;
padding-bottom: 14px;
max-height: 40px;
display: block;
}

.news-ul .new-li .new-text {
font-size: 13px;
color: #999;
line-height: 24px;
}

.news-ul .new-li .new-date {
font-size: 13px;
color: #999;
line-height: 24px;
position: absolute;
left: 35px;
bottom: 25px;
}

.news-ul .new-li .new-img {
width: 100%;
height: 238px;
overflow: hidden;
position: relative;
display: block;
}

.news-ul .new-li .new-img span {
display: block;
position: absolute;
width: 26px;
height: 11px;
left: 60px;
top: 0;
z-index: 22;
background: url("http://ausnutria.com/static/web/css/../img/nw2.png") no-repeat;
}

.news-ul .new-li .new-img img {
width: 100%;
transition-duration: 500ms;
}

.news-ul .new-li .new-img .down {
top: 227px;
background: url("http://ausnutria.com/static/web/css/../img/nw1.png") no-repeat;
}

.news-ul .new-li:hover .new-box .new-title {
color: #005ea6;
}

.news-ul .new-li:hover .new-img img {
-webkit-transform: scale(1.04);
}
/*news  end*/


/*case*/
.filters {
clear: both;
width: 100%;
overflow: hidden;
}

.filters .container-1 {
clear: both;
width: 99.9%;
position: relative;
overflow: hidden;
margin: 0 auto;
height: auto !important;
}

.bg_orange {
background: #e89f37;
position: absolute;
left: 0;
top: 0;
}

.filters .container-1 ul {
overflow: hidden;
}

.filters .container-1 ul li {
float: left;
width: 20% !important;
cursor: pointer;
overflow: hidden;
max-width: 380px !important;
overflow: hidden;
height: 393px;
position: relative;
}

.filters .container-1 ul li .pic {
position: relative;
z-index: 9;
overflow: hidden;
}

.filters .container-1 ul li .pic img {
display: block;
width: 100%;
transition: all 1s;
-webkit-transition: all 1s;
position: relative;
}

.filters .container-1 ul li .summary {
width: 100%;
height: 90px;
text-indent: 5%;
padding-top: 20px;
position: relative;
z-index: 9;
}

.filters .container-1 ul li .summary .title {
color: #333333;
font-size: 16px;
transition: all .3s;
-webkit-transition: all .3s;
}

.filters .container-1 ul li .summary .hot-title {
color: #7a7a7a;
font-size: 12px;
transition: all .3s;
-webkit-transition: all .3s;
}

.filters .container-1 ul li .summary p {
color: #b6b6b6;
transition: all .3s;
-webkit-transition: all .3s;
}

.filters .container-1 ul li:hover{
	color:#fff;}

.filters .container-1 ul li:after {
position: absolute;
content: '';
width: 100%;
bottom: 0;
height: 100%;
left: 0;
transition: all 1s;
-webkit-transition: all 1s;
background: #fff;
}

.filters .container-1 ul li:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}

.filters .container-1 ul li:hover:after {
background: #e89f37;
}

.filters .container-1 ul li:hover .title {
color: #fff !important;
}

.filters .container-1 ul li:hover .hot-title {
color: #fff!important;
}

.filters .container-1 ul li:hover p {
color: #fff!important;
}
/*case  end*/



/*流程*/
.animate2ms{-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;transition-duration:0.3s;}
.animate{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.animate1{-webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s;transition-duration:1s;}
.animate2{-webkit-transition-duration:2s; -moz-transition-duration:2s; -ms-transition-duration:2s;transition-duration:2s;}
.animate5{-webkit-transition-duration:5s; -moz-transition-duration:5s; -ms-transition-duration:5s;transition-duration:5s;}

#wj_container{ width:100%; height:auto; position:relative; overflow:hidden;/*margin-bottom: 80px;*/}
#advantage{ width:1120px; height:333px; /*border:1px solid #f38e2e;*/ position:relative; margin:auto; border-top:0px;}
#advantage .hr1{ width:450px; left:0; top:0; position:absolute; height:1px; background:#f38e2e}
#advantage .hr2{ width:450px; right:0; top:0; position:absolute; height:1px; background:#f38e2e}
#advantage .titels{ width:292px; height:74px; position:absolute; top:-37px; left:50%; margin-left:-146px;}
#advantage .wj_ico_img{ width:860px; height:75px; position:absolute; left:50%; margin-left:-432px; top:50%; margin-top:-37px;}
#advantage .wj_ico_img li{ width:125px; height:125px; border:1px solid #d2d2d2; border-radius:5px; float:left; background:#fff; position:absolute; top:-25px; cursor:pointer; text-align:center; color:#fff;}
.hr_green{ width:860px; height:1px; background:#006eab; position:absolute; left:50%; margin-left:-432px; top:50%;}
#advantage .wj_ico_img li .weiziW{width:48px; height:48px; position:absolute; position:absolute; top:50%; left:50%; margin-left:-24px; margin-top:-24px;}
#advantage .wj_ico_img li .wj_icos_0{ background:url(../images/wj-inde-ico.png) -320px 0; }
#advantage .wj_ico_img li .wj_icos_1{ background:url(../images/wj-inde-ico.png) 0 0; }
#advantage .wj_ico_img li .wj_icos_2{ background:url(../images/wj-inde-ico.png) -47px 0; }
#advantage .wj_ico_img li .wj_icos_3{ background:url(../images/wj-inde-ico.png) -90px 0; }
#advantage .wj_ico_img li .wj_icos_4{ background:url(../images/wj-inde-ico.png) -136px 0; }
#advantage .wj_ico_img li .wj_icos_5{ background:url(../images/wj-inde-ico.png) -185px 0; }
#advantage .wj_ico_img li .wj_icos_6{ background:url(../images/wj-inde-ico.png) -200px 0; }
#advantage .wj_ico_img li .wj_icos_7{ background:url(../images/wj-inde-ico.png) -240px 0; }
#advantage .wj_ico_img li .wj_icos_8{ background:url(../images/wj-inde-ico.png) -280px 0; }

#advantage .wj_ico_img li.cur .wj_icos_0{ background:url(../images/wj-inde-ico.png) -320px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_1{ background:url(../images/wj-inde-ico.png) 0 -52px; }
#advantage .wj_ico_img li.cur .wj_icos_2{ background:url(../images/wj-inde-ico.png) -47px -50px; }
#advantage .wj_ico_img li.cur .wj_icos_3{ background:url(../images/wj-inde-ico.png) -90px -51px; }
#advantage .wj_ico_img li.cur .wj_icos_4{ background:url(../images/wj-inde-ico.png) -138px -51px; }
#advantage .wj_ico_img li.cur .wj_icos_5{ background:url(../images/wj-inde-ico.png) -187px -52px; }
#advantage .wj_ico_img li.cur .wj_icos_6{ background:url(../images/wj-inde-ico.png) -200px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_7{ background:url(../images/wj-inde-ico.png) -240px -40px; }
#advantage .wj_ico_img li.cur .wj_icos_8{ background:url(../images/wj-inde-ico.png) -280px -40px; }
#advantage .wj_ico_img li.cur{ width:240px; height:260px; background:#f55a08; margin-left:-83px; margin-top:-56px; z-index: 100;}
#advantage .wj_ico_img li.curY{ -webkit-transform:translateX(80px); -moz-transform:translateX(80px); -ms-transform:translateX(80px); transform:translateX(80px);}
#advantage .wj_ico_img li.curY2{ -webkit-transform:translateX(-80px);-moz-transform:translateX(-80px); -ms-transform:translateX(-80px); transform:translateX(-80px);}
#advantage .wj_ico_img li.cur .weiziW{ top:0%;}
#advantage .wj_ico_img li .yuan_wj{ width:80px; height:80px; border:3px; border:3px solid #fff; position:absolute; left:50%;top:50%; margin-left:-44px; margin-top:-44px; border-radius:70px; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li.cur .yuan_wj{ opacity:1; top:0; background:#f55a08;filter:alpha(opacity=100);font-size: 14px;}
#advantage .wj_ico_img li .fonts{ width:100%; height:14px; position:absolute; bottom:-25px; color:#555555; font-size:16px;}
#advantage .wj_ico_img li:hover .fonts{ opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px);}

#advantage .wj_ico_img li .titles{ width:100%; position:absolute; left:0; top:80px; font-size:18px; font-weight:bold; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li .hrs{ width:30px; height:3px; background:#fff; position:absolute; left:50%; margin-left:-15px; top:130px; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li .font{ width:90%; left:5%; position:absolute; height:auto; top:150px; opacity:0;filter:alpha(opacity=0);}
#advantage .wj_ico_img li:hover .titles{ opacity:1  !important; -webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transform:translateY(-20px);
-ms-transform:translateY(-20px); -webkit-transition-delay:.3s;transition-delay:.3s; -moz-transition-delay:.3s;-ms-transition-delay:.3s;filter:alpha(opacity=100);}
#advantage .wj_ico_img li:hover .hrs{ opacity:1  !important; -webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px); -webkit-transition-delay:.35s;-moz-transition-delay:.35s;transition-delay:.35s;-ms-transition-delay:.35s;filter:alpha(opacity=100);}
#advantage .wj_ico_img li:hover .font{ opacity:1  !important;-webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px);-webkit-transition-delay:.37s;-moz-transition-delay:.37s;transition-delay:.37;-ms-transition-delay:.37s;filter:alpha(opacity=100);}
/*流程  end*/


/*五大服务*/
.fl {
float: left;
display: inline;
}
.index-adv {
	/*padding-bottom: 200px;*/
/*height: 1780px;*/
background:#f8f8f8;
position: relative;
}

#bg {
width: 980px;
margin: 0 auto;
position: relative;
}

.index-adv-div {
padding-top: 97px;
}

.index-adv-box {
width: 480px;
}

.index-adv-box .tit {
font-size: 22px;
font-weight: bold;
}

.index-adv-box .tit a{
	color:#666;
	font-size:18px;}

.index-adv-box .sub {
font-size: 16px;
}

.index-adv-box .adv-en {
color: #c3c2c2;
border-top: 1px solid #e9e9e9;
padding-top: 5px;
margin-top: 5px;
}

.ml353 {
margin-left: 353px;
}

.mlcc {
margin-left: 392px;
}

.mldd {
padding-top: 212px;
}

.pt200 {
padding-top: 195px;
}

.ml400 {
margin-left: 400px;
}

.pt160 {
padding-top: 160px;
}
/*五大服务  end*/



/*合作伙伴*/
.wrap{position:relative;width:1120px;margin:0 auto;}
.partners .partners-page a{background-image:url(../images/icon.png);background-repeat:no-repeat;}
.partners{background-color:#fff;}
.partners h2{width:100%;margin:0 auto;}
.partners h2 b{font-weight:normal;}
.partners .partners-container{text-align:center;}
.partners .partners-container h3{ font-size:34px; letter-spacing:2px; font-weight:100;margin-top: 50px; color:#000;}
.partners .partners-container h3 b{ color:#000; font-size:34px; font-weight:bold;}
.partners .partners-content ul{width:100%;overflow:hidden;margin: 60px 0;}
.partners .partners-content ul li{display:block;width:186px;/*height:120px;*/float:left;overflow:hidden;margin: 10px 0;}
.partners .partners-content img{width:186px;/*height:120px;*/}
.partners .partners-page{width:100%;position:absolute;height:32px;bottom:48px;}
.partners .partners-page a{position:relative;width:9px;height:9px;vertical-align:middle;display:inline-block;outline:none;*zoom:1;*display:inline;background-position:-224px -80px;margin:0 7px;text-indent:-10000px;*text-indent:0;*font-size:0;cursor:pointer}
.partners .partners-page a:hover{background-position:-233px -80px}
.partners .partners-page .jp-previous,.partners .partners-page .jp-next,.partners .partners-page .jp-disabled{width:24px;height:24px;}
.partners .partners-page .jp-previous{background-position:-248px -89px;margin-right:14px}
.partners .partners-page .jp-previous:hover{background-position:-272px -89px;}
.partners .partners-page .jp-next{background-position:-248px -113px;margin-left:14px}
.partners .partners-page .jp-next:hover{background-position:-272px -113px;}
.partners .partners-page .jp-previous.jp-disabled{background-position:-224px -89px;cursor:default;}
.partners .partners-page .jp-next.jp-disabled{background-position:-224px -113px;cursor:default;}
.partners .partners-page .jp-current{background-position:-233px -80px}
/*合作伙伴  end*/

/*title*/
.index_title{
	width:100%;
	margin:0 auto;
	padding:58px 0;
}

.index_title .div1 {
color: #616161;
font-size: 39px;
text-align: center;
font-family:'宋体';
font-weight:bold;
letter-spacing:1px;
}

.index_title .div2 {
color: #444444;
font-size: 24px;
line-height: 45px;
height: 50px;
background: url(../images/1_15.png) no-repeat center center;
text-align: center;
margin-top: 4px;
}
/*title  end*/

 .dn {
display: none;
} 

/*.tips{
	padding: 60px 0 20px 44px;
	border-left: 1px solid #272729;
	font-size: 14px;
	line-height: 20px;
	color: #a8a8a8;
}*/
.langages{
	float:left;
	width: 120px;
	margin-top: 13px;
	padding-left: 20px;
}
.langages span{
	display: inline-block;
	padding-right: 20px;
	padding-left:10px;
	background: url(../images/bg_sign02.png) no-repeat right center;
	cursor: pointer;
}
.langages .list{
	left: 0;
	top: 20px;
	padding-left: 48px;
	background: #1b1b1d;
}
.langages a{
	display: inline-block;
	width: 100%;
	color: #a8a8a8;
	line-height:30px;
	color:#fff !important;
}
.langages a:hover{
	color: #fff;
}



/*map*/
.map{ position:relative;width:1120px; margin:0 auto;/*margin-top:-37px;padding-bottom: 20px*/}
.map a{ width:22px; height:25px; color:#5b5a5a; font-size:14px; text-decoration:none; background:url(../images/b.png) no-repeat; text-indent:-99999px;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}


.mp{position:absolute;cursor:pointer;width:24px;height:63px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}

.mp .mito{position:absolute;left:0px;bottom:0px;font-size:12px;color:#666666;}
.mp .find_mi1{left:-12px;width:55px;}
.mp .find_mi2{left:-5px;width:55px;}
.feng{position:absolute;display:none;width:230px; left:50%; margin-left:-92px;top:-117px;background:rgba(255,255,255,1); border-radius:5px;z-index:9999;}
.feng .sang{position:absolute;left:235px;bottom:0px;background:url(../images/vf2.png) no-repeat 0 0;width:14px;height:8px;}
.feng .tree{ width:249px;margin:9px;}
.feng .tree .boou{width:86px; float:left;}
.feng .tree .du_size{float:right;width:230px;} 
.feng .tree .du_size h3{ font-size:20px; color:#000;text-align: left;line-height:40px;}
.feng .tree .du_size p{font-size:15px;color:#000;line-height:18px; margin-bottom:8px;text-align: left;}
/*map  end*/


/*五星服务*/
.product-chain .list-wrap {
  width: 100%;
  margin-top: -70px;
  padding-top: 24px;
  height: 1736px;
}
.w1120{
	width: 1200px;
	margin:0 auto;
	background: url(../images/bg_5.png) no-repeat center top;
}
.product-chain .list-wrap ul, .product-chain .list-wrap li {
  width: 100%;
}
.product-chain .list-wrap li {
  margin-bottom: 20px;
  float:left;
  height:216px;
}

.list-wrap img{
	height: 216px;
}
.product-chain .list-wrap li.last {
  margin-top: -20px;
}
.product-chain .list-wrap li.last .sign-img {
  position: absolute;
  right: 8px;
  bottom: 118px;
  width: 190px;
  height: 112px;
}
.product-chain .list-wrap .cont {
  padding-top: 65px;
  width: 467px;
  position: relative;
  left: -100px;
  opacity: 0;
  filter: Alpha(opacity=0);
  text-align: center;
}
.product-chain .list-wrap .cont h3 {
  font-size: 24px;
  color: #f3861f;
  line-height: 54px;
}
.product-chain .list-wrap .cont .word {
  display: block;
  line-height: 32px;
  margin-top: 20px;
  color: #83b9d9;
  font-size: 15px;
  text-align: left;
  text-indent: 2em;
  background: url(../images/star.png) no-repeat 10px 12px;
}

.product-chain .list-wrap .cont p{
  display: block;
  line-height: 32px;
  margin-top: 20px;
  color: #83b9d9;
  font-size: 15px;
  text-align: left;
  text-indent: 2em;
  background: url(../images/star.png) no-repeat 10px 12px;
}

.ser-1 h3{
	margin-left: 100px;
}

.ser-1 .word{
	margin-left: 40px;
	width: 390px;
}

.ser-2 h3{
	text-align: left;
}

.ser-2 .word{
	width: 390px;
}

.ser-2 img{
	width: 80%;
	height: 100%;
}
.ser-3 h3{
	margin-left: 150px;
}

.ser-3 .word{
	width: 390px;
	margin-left: 40px;
}

.ser-3 img{
	width: 90%;
	height: 0%;
}

.ser-4 h3{
	text-align: left;
}

.ser-4 .word{
	width: 390px;
}

.ser-4 img{
	width: 90%;
	height: 100%;
}

.ser-5 h3{
	margin-left: 130px;
}

.ser-5 .word{
	width: 390px;
	margin-left: 40px;
}

.ser-5 img{
	width: 100%;
	height: 100%;
}
/*.star-1 .word{
	background: url(../images/star.png) no-repeat 10px 12px;
}*/

.product-chain .list-wrap .cont h4 {
  font-size: 14px;
  font-weight: bold;
  color: #d0af56;
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
}
.product-chain .list-wrap .cont .font {
  display: block;
  margin-top: 10px;
  line-height: 28px;
  color: #aeb0b2;
}
.product-chain .list-wrap .cont .font p {
  padding-left: 15px;
  background: url(../images/ico_20.png) no-repeat left center;
  font-size: 14px;
}
.product-chain .list-wrap .cont.right {
  left: auto;
  right: -100px;
}
.product-chain .list-wrap .right {
  margin-left: 45px;
  position: relative;
  right: -100px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.product-chain .list-wrap .img.left {
  margin-left: 33px;
  margin-right: 57px;
  position: relative;
  left: -100px;
  right: auto;
  opacity: 0;
  filter: Alpha(opacity=0);
}
.product-chain .bot-sign {
  width: 191px;
  height: 116px;
  background: url(../images/img_15.png) no-repeat center;
  position: absolute;
  right: -85px;
  bottom: 65px;
}
/*五星服务  end*/

/*服务流程*/
.coo-advan{
	position: relative;
	width: 1200px;
	height: 150px;
	margin: 40px auto;
}

.coo-advan ul li{
	width: 120px;
	height: 150px;
	margin-right: 12px;
	float: left;
	border: 1px #f3861f solid;
	background-color: #006ca7;
}

.coo-advan ul li:last-child{
	margin-right: 0px;
}

.coo-advan ul li p{
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 100px;
	width: 65px;
	margin-left: 27px;
	font-weight: bold;
}

.coo-advan li:hover i {
	transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
}

.coo-advan li:nth-child(3):hover i {
	transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
}

.coo-advan li i{
	display: block;
	position: relative;
	top: 20px;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: url("../picture/sprite.png") no-repeat;
	-webkit-transition: transform 0.6s;
	-moz-transition: transform 0.6s;
	-ms-transition: transform 0.6s;
	-o-transition: transform 0.6s;
	transition: transform 0.6s;
}

.coo-advan .l1 i{
	background-position: -8px -114px;
}

.coo-advan .l2 i {
	background-position: -96px -114px;
}

.coo-advan .l3 i {
	background-position: -184px -114px;
}

.coo-advan .l4 i {
	background-position: -272px -114px;
}

.coo-advan .l5 i {
	background-position: -360px -114px;
}

.coo-advan .l6 i {
	background-position: -448px -114px;
}

.coo-advan .l7 i {
	background-position: -536px -114px;
}

.coo-advan .l8 i {
	background-position: -624px -114px;
}

.coo-advan .l9 i {
	background-position: -712px -114px;
}


/*服务流程 end*/




/*发展历程*/
.about-th .name{
	background-image: url(../images/name03.png);
}
.about-th .main{
	width: 1004px;
	margin-left: -502px;
}
.about-th .shadow{
	left: 50%;
	top: 614px;
	width: 1330px;
	height: 188px;
	background: url(../images/bg_shadow01.png) no-repeat;
	margin-left: -694px;
	filter:alpha(opacity=0);
	opacity: 0;
}
.about-th .imgs{
	perspective: 500px;
}
.about-th .imgs img{
	position: relative;
	left: 307px;
	transform-style: preserve-3d;
	filter:alpha(opacity=0);
	opacity: 0;
}
.about-th .rotate7{
	margin: 0 -2px;
	animation: Rotate 0.5s forwards;
}
@keyframes Rotate{
	100%{
		transform: rotateY(7deg);
	}
}
.about-th .rotate8{
	margin: 0 -2px;
	animation: RotateE 0.5s forwards;
}
@keyframes RotateE{
	100%{
		transform: rotateY(-8deg);
	}
}
.about-th .rotate10{
	margin: 0 -2px;
	animation: RotateT 0.5s forwards;
}
@keyframes RotateT{
	100%{
		transform: rotateY(10deg);
	}
}
.about-th .rotate11{
	margin: 0 -2px;
	animation: Rotate-n 0.5s forwards;
}
@keyframes Rotate-n{
	100%{
		transform: rotateY(-11deg);
	}
}
.about-th .titles{
	left: 0;
	top: 0;
	filter:alpha(opacity=0);
	opacity: 0;
}
.about-th .titles li{
	top: 171px;
	height: 575px;	
}
.about-th .titles li.fi{
	left: 0;
	width: 307px;
}
.about-th .titles li.se{
	left: 307px;
	width: 195px;
}
.about-th .titles li.th{
	left: 502px;
	width: 221px;
}
.about-th .titles li.fo{
	left: 723px;
	width: 281px;
}
.about-th .titles .box{
	height: 234px;
	padding: 40px 0 0 13px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
.about-th .titles .box.w294{
	width: 294px;
}
.about-th .titles .box.w182{
	width: 182px;
}
.about-th .titles .box.w208{
	width: 208px;
}
.about-th .titles .box.w268{
	width: 268px;
}
.about-th .titles .box.t{
	height: 261px;
}
.about-th .titles p{
	filter:alpha(opacity=80);
	opacity: 0.8;	
}
.about-th .titles p.en{
	margin-bottom: 12px;
	font: 22px/30px Arial;
	text-transform: uppercase;
	filter:alpha(opacity=100);
	opacity: 1;
}
.about-th .titles .line{
	margin-left: 3px;
	width: 23px;
	height: 1px;
	background: #fff;
	filter:alpha(opacity=80);
	opacity: 0.8;
}

.ipart{
	width: 1200px;
	margin: 0 auto;
}

.ipart-th{
	padding-bottom: 167px;
}
.ipart-th .line{
	background-image: url(../images/bg_line03.png);
}
.ipart-th .num{
	background-image: url(../images/bg_sign10.png);
	color: #010101;
}
.ipart-th .main{
	padding-top: 96px;
}
.ipart-th .title .name{
	background-image: url(../images/name08.png);
}
.ipart-th .tab{
	width: 172px;
	height: 34px;
	border: 1px solid #ce0211;
	border-radius: 17px;
	margin: 0 427px 54px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	filter:alpha(opacity=0);
	opacity: 0;	
}
.ipart-th .tab .bg{
	width: 92px;
	height: 34px;
	border-radius: 17px;
	background: #ce0211;
}
.ipart-th .tab span{
	display: inline-block;
	width: 86px;
	cursor: pointer;
}
.ipart-th .tab span.cur{
	color: #fff;
}
.ipart-th .box{
	height: 398px;
	margin: 53px 0 0 28px;	
}
.ipart-th .list,
.ipart-th .list-box{
	height: 428px;
}
.ipart-th .list .box-in{
	display: inline-block;
	left: 100%;
	top: 28px;
	width: 134px;
	height: 134px;
	background: #fff;
	transform: rotate(45deg);
	filter:alpha(opacity=0);
	opacity: 0;
}
.ipart-th .list .box-in:hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	transform: rotate(45deg) scale(1.1);
}
.ipart-th .list .box-in img{
	margin: 20px 0 0 20px;
	transform: rotate(-45deg);	
}
.ipart-th .btns{
	height: 14px;
	margin-top: 16px;
	text-align: center;
}
.ipart-th .btns a{
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid #999;
	border-radius: 50%;
	margin: 0 4px;
}
.ipart-th .btns a.cur{
	border-color: #ce0211;
	background: #ce0211;
}
.ipart-fo .main{
	width: 790px;
	height: 1300px;
	padding-top: 33px;
	/*margin: 0 -170px;*/
	margin-left: 100px;
}
.ipart-fo .year .bg{
	background: url(../images/bg_bg05.png) no-repeat;
}
.ipart-fo .year .bg .in{
	background: url(../images/bg_bg06.png) no-repeat;
}
.ipart-fo .year span{
	padding: 0 24px;
	background: url(../images/bg_sign11.png) no-repeat left 0;
	font: 18px/1 Arial;
	color: #ffffff;
	cursor: pointer;
}
.ipart-fo .year span.r{
	background-position: right 0;
}
.ipart-fo .year span.cur{
	background-position: left -18px;
	color: #d40011;
}
.ipart-fo .year span.r.cur{
	background-position: right -18px;
}
.ipart-fo .year span.fi{
	left: 139px;
	top: 151px;
}
.ipart-fo .year span.se{
	left: 279px;
	top: 185px;
}
.ipart-fo .year span.th{
	left: 362px;
    top: 399px;
}
.ipart-fo .year span.fo{
	left: 331px;
    top: 530px;
}
.ipart-fo .year span.fif{
	left: 460px;
    top: 555px;
}
.ipart-fo .year span.si{
	left: 496px;
    top: 740px;
}
.ipart-fo .year span.sis{
	left: 500px;
    top: 874px;
}
.ipart-fo .title .name{
	background-image: url(../images/name16.png);
}
.ipart-fo .title .in{
	width: 178px;
}
.ipart-fo .tips{
	left: -100px;
    top: 150px;
    width: 100%;
}
.ipart-fo .tips .btn{
	top: 45px;
	width: 18px;
	height: 32px;
	cursor: pointer;
	filter:alpha(opacity=0);
	opacity: 0;
}
.ipart-fo .tips .prev{
	left: 18px;
	background: url(../images/prev03.png) no-repeat;
}
.ipart-fo .tips .prev.hover{
	background-position: -18px 0;
}
.ipart-fo .tips .next{
	right: 18px;
	background: url(../images/next03.png) no-repeat -18px 0;
}
.ipart-fo .tips .next.hover{
	background-position: 0 0;
}
.ipart-fo .tips .in{
	width: 810px;
	margin-left: 40px;
}
.ipart-fo .tips .year{
	left: 100px;
	/*width: 215px;*/
	width: 160px;
	height: 118px;
	padding-bottom: 29px;
	background: url(../images/bg_sign12.png) no-repeat;
	font: 48px/118px Arial;
	color: #fff;
	text-align: center;
	filter:alpha(opacity=0);
	opacity: 0;
}
.ipart-fo .tips .detail{
	right : 100px;
	width: 510px;
	/*margin-left: -6px;*/
	filter:alpha(opacity=0);
	opacity: 0;
}
.ipart-fo .tips .top{
	height: 43px;
	background: url(../images/bg_bg07.png) no-repeat;
}
.ipart-fo .tips .mid{
	background: url(../images/bg_bg08.png) repeat-y;
	padding: 0 46px;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	text-align: left;
	height: 100%;
}

.mid-in{
	font-size: 16px;
	position: relative;
    top: -10px;
}
.ipart-fo .tips .bot{
	height: 13px;
	background: url(../images/bg_bg09.png) no-repeat;
}

.dib{
	-webkit-transform: rotate(-266deg);
}

.fl {
    float:left;
    display: inline;
}
.fr {
    float:right;
    display: inline;
}

.in .fr{
	float: left;
}

.por{
    position: relative;

}
.poa{
    position: absolute;
}
.pof{
    position: fixed;
}
.poa-f{
    position: absolute;
    left: 122px;
    top: -119px;
    width: 100%;
    height: 100%;
}
.ovh{
    overflow: hidden;
}

.w-f {
width: 100%;
}
/*发展历程  end*/

.small-ico{
	vertical-align: top;
	margin-top: 1.5px;
	width: 22px;
	margin-right: 10px;
}

/*about S*/
.about_main{
	width: 1200px;
	margin: 80px auto;
}

.about_main h3, .about_main-mission h3, .about_main-culture h3{
	font-size: 28px;
}

.about_main h4, .about_main-mission h4, .about_main-culture h4{
	font-size: 20px;
	margin-bottom: 50px;
}

.about_main p + p{
	margin-top: 30px;
}

/*contact S*/
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#484848;text-decoration:none; transition: none;}
a, area {blr:expression(this.onFocus=this.blur())}
.fenlei{ padding:10px 0 30px; zoom:1; text-align:center;}
.fenlei:after{ display:block; content:""; clear:both;}
.fenlei li{ display:inline-block; height:36px; line-height:36px; margin:0 30px; position:relative; padding-bottom:15px;}
.fenlei li a{ display:block; background:#006eab; padding:0 20px; border-radius:5px; font-size:14px; color:#fff; }
.fenlei li a:hover,.fenlei li a.cut{ background:#f38f2f; color:#fff;}
.fenlei_jiantou{ position:absolute; bottom:9px; left:50%; margin-left:-5px; background:url(../images/contact-bg.png) no-repeat; width:11px; height:6px; display:none;}
.fenlei li.fenlei_cut .fenlei_jiantou{ display:block;}
.fenlei li.fenlei_cut a{ background:#f38f2f; color:#fff;}
.fenlei li.fenlei_cut1 .fenlei_jiantou{ display:block;}
.fenlei li.fenlei_cut1 a{ background:#f38f2f; color:#fff;}


.add{
	background: url(../images/contact_textbg.png) no-repeat center;
	width: 600px;
	height: 400px;
	/*margin: 0 auto;*/
	position: relative;
	float: left;
}
.add-add{
	background: url(../picture/item7_img_4.gif) repeat-x left top;
	position: absolute;
	top: 85px;
	left: 1px;
	/*background: rgba(255,255,255,0.6);*/
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 10px 10px;
	box-shadow: 0px 0px 15px #909192;
}

.add-tel{
	background: url(../picture/item7_img_4.gif) repeat-x left top;
	position: absolute;
	width: 210px;
	top: 145px;
	left: 70px;
	/*background: rgba(255,255,255,1);*/
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 10px 10px;
	text-align: left;
	box-shadow: 0px 0px 15px #909192;
}

.add-chu{
	background: url(../picture/item7_img_4.gif) repeat-x left top;
	position: absolute;
	width: 210px;
	top: 205px;
	left: 154px;
	/*background: rgba(255,255,255,1);*/
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 10px 10px;
	text-align: left;
	box-shadow: 0px 0px 15px #909192;
}

.add-ema{
	background: url(../picture/item7_img_4.gif) repeat-x left top;
	position: absolute;
	width: 210px;
	height: 42px;
	top: 264px;
	left: 234px;
	/*background: rgba(255,255,255,1);*/
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 10px 10px;
	text-align: left;
	box-shadow: 0px 0px 15px #909192;
}

.contact-title-text{
	 text-align: center;
	 width: 1200px;
	 margin: 0 auto;
}

.contact-title-text h3{
	font-size: 20px;
}

/*通用底部对齐修复*/
.pul{
	text-align: center;
}

.pul-1{
	margin-left: 20px;
}

/*公司简介*/
.about-main{
	margin: 0 auto 58px;
}
.about-main-title{
	/*padding: 20px 0;*/
}
.about_main-text{
	width: 100%;
	margin: 0 auto;
	/*display: inline-block;*/
}

.about_main-text-lf{
	/*float: left;*/
	width: 1000px;
	margin: 20px auto;
}

.about_main-text-rg{
	/*float: right;*/
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	text-indent: 2em;
	font-size: 16px	;
}

.about_main-text-lf div{
	width: 100%;
	display: inline-block;
}
.about_main-text-lf div ul{
	width: 101%;
	margin-top: 9px;
}
.about_main-text-lf div img{
	width: 100%;
}


.about_main-text-lf li{
	width: 32.3333%;
	float: left;
	margin-right: 1%;
}

.about_cul{
	width: 1200px;
	margin: 0 auto 58px;
	overflow: auto;
}

.about_cul h3{
	text-align: center;
	font-size: 24px;
}

.about_cul-img{
	width: 300px;
	float: left;
}

.about_cul-img img{
	width: 100%;
}

.about_cul-text{
	width: 400px;
	float: left;
}

.about_cul-text > p{
	font-size: 15px;
	line-height: 35px;
	text-indent: 2em;
	width: 500px;
	margin: 25px 0 0 60px;
}

.about_cul-text h4{
	font-size: 20px;
	width: 80%;
	padding-bottom: 15px;
	color: #000;
	/*border-bottom: 1px solid #e98226;*/
	text-align: center;
	margin: 30px 0 10px -35px;
}

/*new S*/
.new_main-title{
	width: 100%;
	margin-top: -6px;
	height: 40px;
	background: #0060ad;
	margin-bottom: 100px;
}

.new_main-title-1{
	width: 1200px;
	margin: 0 auto;
}

.new_main-title ul{
	width: 100%;
	height: 40px;
}

.new_main-title ul li{
	float: left;
	width: 32.3333%;
	text-align: center;
	font-size: 18px;
}

.new_main-title ul li a{
	display: inline-block;
	width: 387px;
	color: white;
	line-height: 40px;
}

.new_main-title .cur{
	width: 387px;
	height: 40px;
	background: #54adf5;
}
.new_main-title ul li a:hover{
	/*border-bottom: 2px solid #333;*/
	width: 387px;
	height: 40px;
	background: #54adf5;
}

.new_main-con{
	width: 100%;
}

.new_main-con-1{
	width: 1200px;
	margin: 0 auto;
}

.new_main-con-1 ul li{
	position: relative;
	width: 1100px;
	height: 220px;
	margin: 0 0 20px 50px;
	background: #f2f2f2;
}

.new_main-con-img{
	width: 255px;
	margin: 20px 0 0 20px;
	float: left;
}

.new_main-con-img img{
	width: 100%;
}

.new_main-con-text{
	width: 750px;
	margin: 20px 0 0 40px;
	float: left;
}

.new_main-con-text h3{
	font-size: 20px;
	/*color: #333;*/
}

.new_main-con-text span{
	font-weight: blod;
}

.new_main-con-text p{
	text-indent: 2em;
}

.new_main-con-text .more{
	display: inline-block;
	border: 1px solid white;
	padding: 5px 10px;
	background: white;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: 440px;
	color: #d3d3d3;
}
.new_main-con-1 ul li a{
	display: block;
	width: 1100px;
	height: 220px;
}
.new_main-con-1 ul li a:hover{
	background: #0060ad;
	color: white;
}

.new_main-con-text p{
	font-size: 14px;
    padding-top: 10px;
}


.new_main-con-data{
	width: 65px;
	height: 56px;
	position: absolute;
	top: 25px;
	left: -15px;
	/*background: rgba(233,130,38,0.8);*/
	background: rgba(0,96,173,0.8);
}

.new_main-con-data h5{
	font-size: 24px;
	color: white;
	text-align: center;
	line-height: 28px;
	padding: 5px 0 1px 0;
	font-family: Arial;
}

.new_main-con-data p{
	font-size: 11px;
	text-align: center;
	color: white;
	line-height: 16px;
	font-family: Arial;
}

.new_main-an{
	margin: 0 auto;
	padding: 10px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	clear: both;
	margin: 50px 0 50px;
}

.new_main-an-1 a{
	text-decoration: none;
	color: #8698b6;
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 0px 10px;
	margin-right: 3px;
	line-height: 28px;
	display: inline-block;
}
.new_main-an a:hover{
	background: #0060ad;
	border: 1px solid #CCCCCC;
	color: #fff;
	font-weight: bold;
}


.new_main-an a.cur{
	background: #0060ad;
	border: 1px solid #CCCCCC;
	color: #fff;
	font-weight: bold;
}



/*case E*/


/* ==========================================================================
   Reset
============================================================================= */

/*body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

img {
  width: inherit\9;
  max-width: 100%;
  height: auto;
}
*/
/* ==========================================================================
   Helper
============================================================================= */

/* clearfix
------------------------------------------------------------------- */
/*
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}*/

/*new-style*/
.area-category-biomedical {
  border-bottom: 1px solid #e4e7eb;
  background-color: #fff;
}
.inner-category-biomedical {
  display: table;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  table-layout: fixed;
}
.img-category-biomedical {
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  overflow: hidden;
}
.img-category-biomedical:hover img{
	transform: scale(1.1);
}
.img-category-biomedical img{
	transition: all 0.9s ease ;
	border: 0;
	width: 100%;
	height: 345px;
}
.txt-category-biomedical {
  display: table-cell;
  vertical-align: middle;
}
.topic-category-biomedical {
  margin-bottom: 60px;
  padding: 0 35px;
}
.topic-category-biomedical dd{
	font-size: 16px;
}
.align-right {
  text-align: right !important;
}
.topic-category-biomedical > dt {
  margin-bottom: 20px;
  font-size: 250%;
  color: #0056a8;
}
.link-category-biomedical {
  margin: 0 35px;
}

.link-category-biomedical a {
  display: inline-block;
  padding: 10px 40px 10px;
  font-size: 14px;
  /*font-size: 92.85714%;
  font-size: 92.85714%;*/
  color: #0056a8;
  border: 2px solid #0056a8;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transition: border-color 70ms linear;
          transition: border-color 70ms linear;
}

.link-category-biomedical a:before {
  content: '';
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  vertical-align: bottom;
  background-position: 0 -168px;
  top: -3px;
}

.link-category-biomedical a:visited {
  color: #0056a8;
}

.link-category-biomedical a:hover {
  text-decoration: none;
  color: #2f94ff;
  border-color: #2f94ff;
}

.link-category-biomedical a:before{
  background-image: url('../images/common.png');
}


.inner-totop-footer {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  height: 0;
  margin: 0 auto;
  padding: 0 20px;
  text-align: right;
}

.totop-footer {
  position: fixed;
  bottom: 25px;
  left: 0;
  width: 100%;
  height: 0;
}

.totop-footer a {
  display: block;
  position: absolute;
  z-index: 4;
  right: 20px;
  bottom: 0;
  width: 32px;
  height: 32px;
  -webkit-transition: -webkit-transform 100ms linear;
          transition:         transform 100ms linear;
}

.totop-footer a:hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}


/*solution S*/
@charset "utf-8";

/****************************** Normalize ******************************/
/*body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Arial", "Microsoft YaHei";color: #666;min-width: 1200px;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}*/

.case .container-1{width: 1200px;margin: 0 auto;}
.container-1, .wrapper, .box{position: relative;padding: .1px 0;}
.container-1:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}


.case ul li a:after{background-image: url(../images/icon-1.png);background-repeat: no-repeat;}


/****************************** 工程案例 ******************************/
.case{background: #f5f5f5;}
.case ul{margin-bottom: 68px;overflow: hidden;}
.case ul li{float: left;width: 346px;margin: 0 35px 35px 0;padding: 20px 15px 0;background: #fff;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li a{position: relative;display: block;overflow: hidden;}
.case ul li a img{display: block;width: 100%;height: 229px;-webkit-transition: all 2s;transition: all 2s;}
.case ul li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.case ul li a .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #043679;opacity: 0;filter: alpha(opacity=0);}
.case ul li a:after{position: absolute;top: 50%;left: 50%;content: "";width: 60px;height: 60px;margin: -30px 0 0 -30px;background-position: -320px -220px;opacity: 0;filter: alpha(opacity=0);}
.case ul li a:hover .mask{opacity: .2;filter: alpha(opacity=20);}
.case ul li a:hover:after{opacity: 1;filter: alpha(opacity=100);}
.case ul li h3{line-height: 50px;border-bottom: 2px solid #e5e5e5;font-size: 16px;color: #333;text-align: center;}
.case ul li span{display: block;line-height: 40px;font-size: 14px;color: #888;text-align: right;}

.case-detail h1{line-height: 40px;margin-top: 50px;font-size: 20px;color: #333;text-align: center;}
.case-detail .prop{line-height: 30px;margin-bottom: 20px;color: #999;text-align: center;}
.case-detail .prop em{display: inline-block;width: 80px;}
.case-detail img{max-width: 100%;}


/*product S*/
.container-2 img {
  width: inherit\9;
  max-width: 100%;
  height: 283px;
  display: block;
}

.container-2{
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  /*max-width: 1320px;*/
  margin: 0 auto;
  padding: 0 20px 0;
}

.container-2 .list-categories-top-biomedical{
	width: 102%;
}

.list-categories-top-biomedical p,
.list-categories-top p {
  padding: 19px 20px;
  font-size: 107.14286%;
}


.list-categories-top-biomedical,
.list-categories-top {
  margin-top: 1px;
  margin-right: -3px;
  /*margin-bottom: 50px;*/
  margin-left: 1px;
}

.list-categories-top-biomedical li,
.list-categories-top li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*width: 33.33333%;*/
 /*margin-bottom: 30px;*/
  border: 1px solid #e4e7eb;
  background-color: #fff;
}

.list-categories-top-biomedical li a,
.list-categories-top li a {
  display: block;
  overflow: hidden;
}

.list-categories-top-biomedical li a:hover figure img,
.list-categories-top li a:hover figure img {
  -webkit-transform: scale(1.08);
      -ms-transform: scale(1.08);
          transform: scale(1.08);
}

.list-categories-top-biomedical figure img,
.list-categories-top figure img {
  width: 100%;
  -webkit-transition: -webkit-transform 400ms linear 0ms;
          transition:         transform 400ms linear 0ms;
}

.list-categories-top-biomedical p,
.list-categories-top p {
  position: relative;
  text-align: center;
  color: #fff;
  background-color: #0056a8;
}

.list-categories-top-biomedical li {
  width: 31.3333%;
  margin-right: 2%;
}


.totop-footer {
  position: fixed;
  bottom: 25px;
  left: 0;
  width: 100%;
  height: 0;
}

.totop-footer a {
  display: block;
  position: absolute;
  z-index: 4;
  right: 20px;
  bottom: 0;
  width: 32px;
  height: 32px;
  -webkit-transition: -webkit-transform 100ms linear;
          transition:         transform 100ms linear;
}

.totop-footer a:hover {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}

.inner-totop-footer {
    padding: 0 10px;
  }
  .inner-totop-footer {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  height: 0;
  margin: 0 auto;
  padding: 0 20px;
  text-align: right;
}

/*solution-info*/
.col-2-left{
	/*margin-top: 65px;*/
}
.col-2-left p{
	padding-left: 40px;
}

.solu_main_pic{
	text-align: center;
}

.solu_main_text{
	float: left;
	width: 500px;
	margin: 40px 0 0 50px;
	line-height: 40px;
}

/*关于我们发展历程*/
@charset "utf-8";
/* CSS Document */
a{
	color: #666;
	transition: all 0.3s ease 0s;
}
li{
	/*transition: all 0.3s ease 0s;*/
}

.wrap{
	padding: 0 6%;
	width: 88%;
	/*transition: all 0.3s ease 0s;*/
}
.wrap.m-wrap{
	/*padding: 0 3%;
	width: 94%;*/
	padding: 0 4.7%;
	width: 90.6%;
}
/*
.bg-gray{
	background-color: #f5f5f5;
}*/

.course-wrap{
	padding-top: 50px;
	padding-bottom: 94px;
	transition: normal;
}
.course-wrap.m-wrap{
	padding-top: 15px;
	position: relative;
}
.course-wrap p.f48{
	font-size: 48px;
	line-height: 69px;
	color: #035cac;
}
.course-wrap.m-wrap p.f48{
	font-size: 20px;
	line-height: 34px;
}
.course-wrap span.f14{
	display: block;
	width: 100%;
	line-height: 34px;
}
.course-wrap.m-wrap span.f14{
	line-height: 22px;
}
.course-wrap .course-list{
	margin-top: -50px;
	width: 100%;
	position: relative;
}
.course-wrap.m-wrap .course-list{
	margin-top: 20px;
}
.course-wrap .course-list .ovh{
	width: 91%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_line011.png) repeat-x left center;
}
.course-wrap.m-wrap .course-list .ovh{
	background: none;
	width: 100%;
}
.course-wrap .course-list li{
	width: 300px;
	position: relative;
	margin-right: -93px;
}
.course-wrap.m-wrap .course-list li{
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}
.course-wrap .course-list .main{
	padding: 17px 20px 27px;
	background-color: #fff;
	width: 260px;
	color: #777;
}
.course-wrap .course-list .main p{
	padding-left: 18px;
	background: url(../images/ico_125.jpg) no-repeat left 9px;
}
.course-wrap.m-wrap .course-list .main{
	width: 94%;
	padding: 17px 3% 27px;
}
.course-wrap .course-list li .top{
	background: url(../images/bg_10.png) no-repeat left top;
	padding-top: 45px;
	height: 42px;
	line-height: 42px;
	font-family: "Arial";
	font-size: 18px;
	text-align: center;
}
.course-wrap.m-wrap .course-list li .top{
	padding-top: 0;
	padding-left: 3%;
	width: 97%;
	text-align: left;
	background: #e8e8e8;
}
.course-wrap .course-list li.odd{
	margin-top: 0;
}
.course-wrap.m-wrap .course-list li.odd{
	position: relative;
}
.course-wrap .course-list li.odd .top{
	background: url(../images/bg_11.png) no-repeat left bottom;
	padding-bottom: 45px;
	padding-top: 0;
}
.course-wrap.m-wrap .course-list li.odd .top{
	padding-bottom: 0;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.course-wrap.m-wrap .course-list li.odd .main{
	margin-top: 42px;
}
.course-wrap .course-list .butn{
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	cursor: pointer;
}
.course-wrap.m-wrap .course-list .butn{
	display: none;
}
.course-wrap .course-list .prev{
	background: url(../images/ico_40.png) no-repeat center top;
	left: 0;
}
.course-wrap .course-list .next{
	background: url(../images/ico_39.png) no-repeat center top;
	right: 0;
}
.course-wrap .course-list .butn:hover{
	background-position: center bottom;
}
.course-wrap .course-list li:hover .top{
	background: url(../images/bg_10.png) no-repeat right top;
	color: #fff;
}
.course-wrap.m-wrap .course-list li:hover .top,.course-wrap.m-wrap .course-list li.odd:hover .top{
	background: #e8e8e8;
	color: #666;
}
.course-wrap .course-list li.odd:hover .top{
	background: url(../images/bg_11.png) no-repeat right top;
	color: #fff;
}

/*公用页码样式*/
.page-public-newIn,.page-public-newCo,.page-public-newMe{
	width: 1200px;
	margin: 0 auto 50px;
	text-align: center;
}

.page-public-newIn ul,.page-public-newCo ul,.page-public-newMe ul{
	list-style: none;
	display: inline-block;
}

.page-public-newIn ul li,.page-public-newCo ul li,.page-public-newMe ul li{
	float: left;
	margin-right: 10px;
}

.page-public-newIn ul li a,.page-public-newCo ul li a,.page-public-newMe ul li a{
	padding: 5px 10px;
	border: 1px solid #339dca;
	font-size: 14px;
}

.page-public-newIn ul li a:hover,.page-public-newCo ul li a:hover,.page-public-newMe ul li a:hover{
	color: white;
	background: #339dca;
}

.page-public-newIn .cul,.page-public-newCo .cul,.page-public-newMe .cul,{
	color: white;
	background: #339dca;
}

.page-public-newCo a{
    padding: 5px 10px;
    border: 1px solid #339dca;
    font-size: 14px;
    /*float: left;*/
    margin-right: 10px;
}
.page-public-newCo a:hover {
    color: white;
    background: #339dca;
}
/*新闻详情样式*/
.news_info_main{
	width: 1200px;
	margin: 50px auto;
}

.news_info_main-title{
	text-align: center;
}

.news_info_main-title h3{
	font-size: 20px;
	border-bottom: 2px solid #989898;
	padding-bottom: 20px;
}

.news_info_main-title p{
	margin-top: 10px;
	font-size: 16px;
}

.news_info_main-title p span{
	padding-left: 40px;
}

.news_info_main-cont{
	width: 800px;
	margin: 0 auto;
	font-size: 15px;
}

.news_info_main-cont > div{
	width: 600px;
	margin: 10px auto;
}

.news_info_main-end{
	margin: 40px 0 50px 950px;
}

.news_info_main-end a{
	font-size: 14px;
	border: 1px solid #989898;
	padding: 5px 20px;
}

.news_info_main-end a:hover{
	color: white;
	background: #339dca;
	border: 1px solid #339dca;
}


.usage ol li a{
	color: #787878;
}

.usage ol li a:hover{
	color: #787878;
}


#timeline #issues div{
	width: 610px;
    height: 150px;
    display: block;
    text-align: center;
    margin: 60px auto;
    color: white;

}

#timeline #issues div h4{
	font-size: 20px;
	text-align: left;
}

#timeline #issues div p{
	font-size: 16px;
	text-align: center;
	margin:30px 0;
	letter-spacing: 3px;
	display: inline-block;
}


.ab_pic{
	width: 1200px;
	margin: 30px auto 0;
	overflow: hidden;
}

.ab_pic ul{
	width: 101%;
}

.ab_pic ul li{
	width: 32.333%;
	margin-right: 1%;
}

.ab_pic ul li img{
	width: 100%;
	margin-left: -28px;
	height: 225px;
}