/** reset **/
html{ -webkit-overflow-scrolling:touch; -ms-text-size-adjust:100%; -webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,form,th,td{ vertical-align:baseline; margin:0; padding:0;}
body,button,input,select,textarea{ font:12px/1.5 Helvetica,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;}
address,cite,dfn,em,var,i{ font-style:normal;}
small{ font-size:80%;}
ul,ol{ list-style:none outside none;}
a{ text-decoration:none; outline:0; color:#5e5e5e;}
a:hover{ outline:0; color:#bc3928; text-decoration:none;transition: all 0.3s ease-out 0s;}
a:active{ text-decoration:none; outline:0;}
a:focus{ outline:0;}
abbr[title],acronym[title]{ border-bottom:1px dotted; cursor:help;}
q:before,q:after{ content:'';}
mark{ background:#ff0; color:#000;}
pre{ white-space:pre-wrap; word-wrap:break-word;}
sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{ top:-.5em;}
sub{ bottom:-.25em;}
legend{ border:0; white-space:normal; margin-left:-7px; padding:0;}
fieldset,iframe{ border:0 none;}
img{ border:0 none; vertical-align:middle; -ms-interpolation-mode:bicubic;}
button,input,select,textarea{ font-family:inherit; font-size:100%; vertical-align:middle; margin:0; padding:0;}
button,input[type=button],input[type=submit],input[type=reset]{ -webkit-appearance:button; cursor:pointer; overflow:visible;}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{ border:0 none; margin:0; padding:0;}
input[type=search]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ -webkit-appearance:none;}
textarea{ overflow:auto; vertical-align:top; resize:none; overflow-y:auto;}
table{ border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6 { line-height:100%;font-weight:normal; }
body,div,p,dl,dt,dd,ul,ol,li,form,th,td,table,label,article,aside,dialog,footer,header,section,footer,nav,figure,hgroup{ border:0; outline:0; font-size:100%; vertical-align:baseline; margin:0; padding:0;}
body{ font:12px/18px \5FAE\8F6F\96C5\9ED1,Arial,sans-serif,\5B8B\4F53;background:#FFFFFF; color:#454545; min-width:1000px}
html{ width:100%;height:100%;}
ul,li{ list-style:none;}
img,iframe{ border:0;}
sup,sub{ vertical-align:baseline;}
.clearfix {clear: both;font-size: 0px;height: 0px;overflow: hidden;}
.clearfix:after{ content:'\0020'; display:block; height:0; font-size:0; visibility:hidden; clear:both;}
.c{ font-size:0; line-height:0; clear:both; overflow:hidden;}
div:after,ul:after,dl:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
*:focus { outline:none; }
.fl { float:left; }
.fr { float:right; }
.center { text-align:center; }

body { font:normal 12px Arial, 'MicrosoftYaHei','微软雅黑','Yahei',sans-serif; color:#a6a6a6;background-color:#ffffff;overflow-x:hidden;}
.container { width:1100px;margin:0px auto; }
.fl { float:left; }
.fr { float:right; }

#loading { visibility: visible;width: 100%;height: 100%;position: absolute;z-index: 999999 !important;background: #000000 }
#loading img {position: fixed;left: 50%;top: 50%;z-index: 10999;margin-top: -22px;margin-left: -22px;}
#loading span { position: fixed;left: 50%;top: 50%;z-index: 10999;margin-top: -12px;margin-left: 0px;color:#FFFFFF;font-size:12px; }

#header { position:fixed;top:0px;left:0px;z-index:999997;width:100%;height:74px;background:url(../images/header.png) repeat-x 0 0;background-size:100% 100%;-webkit-transform: translateZ(0);display:none;}
#header.black { background:url(../images/black.png) repeat 0 0 }
#header .container { height:100%; }
#header .logo { height:100%; }
#header .logo h1 { width:175px;height:100%;background:url(../images/logo.png) no-repeat center center; }
#header .logo h1 a { display:inline-block;width:100%;height:100%; }
#header .navigation li { float:left;height:74px;text-align:center;position:relative; }
#header .navigation li a { font-size:14px;color:#FFFFFF;display:inline-block;padding-left:20px;padding-right:20px;padding-top:20px;height:54px;transition: all 0.3s ease-out 0s; }
#header .navigation li a em { position:absolute;left:50%;margin-left:-3px;bottom:-11px;width:0; height:0; border:6px solid; border-color:#ff8400 transparent transparent transparent;display:none; }
#header .navigation li.current a, #header .navigation li a:hover { background:#ff8400 }
#header .navigation li.current a em, #header .navigation li a:hover em { display:block; }
#header .navigation li a span { display:block;margin-top:5px; }


.scroll-section { position:relative;display:none; }


/** home banner **/
#page-home { width:100%;position:relative;z-index:1;overflow-x:hidden; }
#page-home #home-slider { position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1400px; height: 650px; overflow: hidden; }
.slider-nav {  }
.slider-nav div, .slider-nav div:hover, .slider-nav .av{background: url(../images/b21.png) no-repeat;overflow:hidden;cursor: pointer;}
.slider-nav div { background-position: -5px -5px; }
.slider-nav div:hover, .slider-nav .av:hover { background-position: -35px -5px; }
.slider-nav .av { background-position: -65px -5px; }
.slider-nav .dn, .slider-nav .dn:hover { background-position: -95px -5px; }
.slider-sidel, .slider-sider, .slider-sideldn, .slider-siderdn{position: absolute;cursor: pointer;display: block;background: url(../images/a21.png) center center no-repeat;overflow: hidden;}
.slider-sidel { background-position: -3px -33px; }
.slider-sider { background-position: -63px -33px; }
.slider-sidel:hover { background-position: -123px -33px; }
.slider-sider:hover { background-position: -183px -33px; }
.slider-sideldn { background-position: -243px -33px; }
.slider-siderdn { background-position: -303px -33px; }

#home-login { width:318px;height:201px;background:url(../images/login-bg.png) no-repeat 0 0;position:absolute;right:180px;top:200px; }
#home-login input { position:absolute;font-size:14px; }
#home-login input.l-username { width:90px;height:20px;line-height:20px;top:73px;left:115px;border:0px;background:transparent }
#home-login input.l-password { width:90px;height:20px;line-height:20px;top:118px;left:115px;border:0px;background:transparent }
#home-login input.l-submit { width:90px;height:26px;border:0px;right:11px;bottom:15px;text-indent: -9999px;font-size:0px;background:transparent }

#home-nav { width:100%;margin-top:20px; }
#home-nav .about-us { width:50%;height:100%; }
#home-nav .module-title { height:39px;line-height:39px;width:100%;background:url(../images/module-title.png) no-repeat center 0;text-align:center; }
#home-nav .module-title h3 { color:#737373;font-size:23px;display:inline-block;margin-left:-18px;text-transform: uppercase }
#home-nav .content { padding:10px; }
#home-nav .content td { vertical-align: top; }
#home-nav .content dl { border:1px solid #cccccc;padding:10px;padding-right:0px; }
#home-nav .content dt { float:left;margin-right:10px; }
#home-nav .content dd.title { font-size:16px;color:#3e3e3f;border-bottom:3px solid #efefef;margin-left:130px;line-height:35px; }
#home-nav .content dd.excerpt { padding:10px;font-size:12px;color:#7b7b7b;line-height:20px; }
#home-nav .content dd.more { text-align:right;padding:10px; }
#home-nav .content dd.more a { display:inline-block;height:25px;line-height:25px;padding-left:20px;padding-right:20px;background:#e84d00;color:#FFFFFF }
#home-nav .business { width:50%;height:100%; }
#home-nav .business .home-video { position:relative; }
#home-nav .business .home-video img { min-width:100%;height:100%; }
#home-nav .business .home-video .play { position: absolute;left:50%;top:50%;background:url(../images/play.png) no-repeat 0 0;width:74px;height:74px;margin-left:-37px;margin-top:-37px; }

#page-about { margin-top:20px; }
#page-about .bg-img { width:100%; }
#page-about .about-txt-l { position: absolute;left:198px;top:152px;color:#FFFFFF;z-index:1;opacity: 0 }
#page-about .about-txt-l h3 { font-size:57px; }
#page-about .about-txt-l h4 { font-size:45px;text-transform:uppercase;margin-top:15px; }
#page-about .about-line-1 { position:absolute;top:305px;left:250px;z-index:0 }
#page-about .about-txt-r { position:absolute;right:170px;top:152px;color:#FFFFFF;z-index:1;opacity: 0}
#page-about .about-txt-r pre { font-family:'微软雅黑';font-size:14px;line-height:25px; }
#page-about .about-rec { position:absolute;right:87px;top:40px;z-index:0 }
#page-about .about-tip { position:relative; }
#page-about .about-tip .table-wrap { width:100%;height:100%;position:absolute;top:0px;left:0px; }
#page-about .about-tip .table-wrap table { width:100%;height:100%; }
#page-about .about-tip .table-wrap td { text-align:center;color:#FFFFFF;vertical-align:middle;height:100%; }
#page-about .about-tip .table-wrap h3 { font-size:36px; }
#page-about .about-tip .table-wrap h4 { font-size:18px;margin-top:20px; }
#page-about .about-tip .table-wrap p { font-size:18px;line-height:40px; }

#page-commercial { margin-top:-1px; }
#page-commercial .table-wrap { width:100%;position:relative; }
#page-commercial .table-wrap table { width:100%; }
#page-commercial .table-wrap td img { width:100%; }
#page-commercial .commercia-txt-1 { position:relative;vertical-align: middle;text-align:center; }
#page-commercial .commercia-txt-1 img { position:absolute;top:0px;left:0px;z-index:-1 }
#page-commercial .commercia-txt-1 h3, #page-commercial .commercia-txt-1 h4 { color:#323232 }
#page-commercial .commercia-txt-1 h3 { font-size:57px; }
#page-commercial .commercia-txt-1 h4 { font-size:36px;margin-top:20px;margin-left:93px; }
#page-commercial .commercia-txt-2 { padding:30px;padding-left:50px;padding-right:50px;padding-bottom:0px; }
#page-commercial .commercia-txt-2 h4 { font-size:14px;color:#1e1e1e;line-height:32px;border-bottom:1px dashed #c1c1c1;padding-bottom:20px; }
#page-commercial .commercia-txt-2 table { margin-top:30px; }
#page-commercial .commercia-txt-2 table td { vertical-align: middle;font-size:14px;color:#818181;height:78px; }
#page-commercial .commercia-txt-2 table td em { display:inline-block;width:58px;height:58px;background:url(../images/commercia-txt-2-bg.jpg) no-repeat 0 0; }
#page-commercial .commercia-txt-2 table td em.l-2 { background-position:0 -80px; }
#page-commercial .commercia-txt-2 table td em.l-3 { background-position:0 -158px; }
#page-commercial .commercia-txt-2 table td em.l-4 { background-position:0 -235px; }
#page-commercial .commercia-txt-2 ul li { height:58px;padding-left:100px;vertical-align: middle;margin-bottom:22px;line-height:60px; }
#page-commercial .commercia-bottom { position:relative; }
#page-commercial .commercia-bottom .bg-img { width:100%; }
#page-commercial .commercia-bottom .icons { position: absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/commercia-bottom-icon.png) no-repeat center center; }

#page-strategy .bg-img { width:100%; }
#page-strategy .strategy-txt-1 { position:absolute;top:155px;left:170px;color:#FFFFFF;opacity: 0 }
#page-strategy .strategy-txt-1 h3 { font-size:57px; }
#page-strategy .strategy-txt-1 h4 { font-size:36px;margin-top:20px;text-transform: uppercase }
#page-strategy .strategy-txt-2 { width:700px;padding:38px;position:absolute;right:0px;top:280px;background:url(../images/strategy-txt-bg.png) repeat 0 0;color:#FFFFFF;opacity: 0 }
#page-strategy .strategy-txt-2 pre { font-family:'微软雅黑';font-size:14px;line-height:25px; }
#page-strategy .strategy-txt-2 h4 { font-size:22px;line-height:30px;margin-bottom:10px; }
#page-strategy .strategy-txt-2 p { line-height:20px;margin-bottom:20px;text-indent:30px; }
#page-strategy .strategy-bottom { position:relative; }
#page-strategy .strategy-bottom .strategy-bottom-txt { position: absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/strategy-bottom-txt.png) no-repeat center center; }

#page-products .bg-img { width:100%; }
#page-products .products-txt { position: absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/products-txt.png) no-repeat center center;opacity: 0 }
#page-products .products-bottom { position:relative; }
#page-products .products-bottom .products-bottom-txt { position: absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/products-bottom-txt.png) no-repeat center center; }

#page-partners .bg-img { width:100%; }
#page-partners .partners-inner { position: relative;width:100%; }
#page-partners .cover { position: absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/points.png) repeat 0 0; }
#page-partners .partners-txt-1 { position:absolute;top:155px;left:170px;color:#FFFFFF;opacity: 0 }
#page-partners .partners-txt-1 h3 { font-size:57px; }
#page-partners .partners-txt-1 h4 { font-size:36px;margin-top:20px;text-transform: uppercase }
#page-partners .partners-list { position:absolute;right:100px;top:50%;margin-top:-202px;opacity: 0 }
#page-partners .partners-bottom { position:relative;background:#f3f3f3;padding-top:20px;padding-bottom:20px; }
#page-partners .partners-bottom img { display:block;margin:0px auto;max-width:100%; }

#page-contact .bg-img { width:100%; }
#page-contact .contact-inner { position: relative;width:100%; }
#page-contact .cover { position: absolute;top:0px;left:0px;width:100%;height:100%;background:url(../images/points.png) repeat 0 0; }
#page-contact .contact-txt-1 { position:absolute;top:100px;left:170px;color:#FFFFFF;opacity: 0 }
#page-contact .contact-txt-1 h3 { font-size:57px; }
#page-contact .contact-txt-1 h4 { font-size:36px;margin-top:20px;text-transform: uppercase }
#page-contact .contact-txt-2 { position: absolute;top:100px;right:200px;opacity: 0 }
#page-contact .map { position:absolute;width:100%;top:50%;left:0px;margin-top:-180px;opacity: 0}
#page-contact .map img { max-width:100%;display:block;margin:0px auto;opacity: 0.9 }

#page-about.inview .about-txt-l { animation: fadeInLeft 1s ease-in-out 0s forwards;-webkit-animation: fadeInLeft 1s ease-in-out 0s forwards; }
#page-about.inview .about-txt-r { animation: fadeInDown 1s ease-in-out 0s forwards;-webkit-animation: fadeInDown 1s ease-in-out 0s forwards; }
#page-products.inview .products-txt { animation: fadeInDown 1s ease-in-out 0s forwards;-webkit-animation: fadeInDown 1s ease-in-out 0s forwards; }
#page-strategy.inview .strategy-txt-1 { animation: fadeInLeft 1s ease-in-out 0s forwards;-webkit-animation: fadeInLeft 1s ease-in-out 0s forwards; }
#page-strategy.inview .strategy-txt-2 { animation: fadeInRight 1s ease-in-out 0s forwards;-webkit-animation: fadeInRight 1s ease-in-out 0s forwards; }
#page-partners.inview .partners-txt-1 { animation: fadeInLeft 1s ease-in-out 0s forwards;-webkit-animation: fadeInLeft 1s ease-in-out 0s forwards; }
#page-partners.inview .partners-list { animation: fadeInDown 1s ease-in-out 1s forwards;-webkit-animation: fadeInDown 1s ease-in-out 1s forwards; }
#page-contact.inview .contact-txt-1 { animation: fadeInLeft 1s ease-in-out 0s forwards;-webkit-animation: fadeInLeft 1s ease-in-out 0s forwards; }
#page-contact.inview .contact-txt-2 { animation: fadeInRight 1s ease-in-out 0s forwards;-webkit-animation: fadeInRight 1s ease-in-out 0s forwards; }
#page-contact.inview .map { animation: fadeInDown 1s ease-in-out 1s forwards;-webkit-animation: fadeInDown 1s ease-in-out 1s forwards; }

@media (max-width:1199px) {
	#header .navigation { margin-right:50px; }
	#page-about .about-txt-l { left:10px }
	#page-about .about-line-1 { left:10px; }
	#page-about .about-txt-r { right:10px; }
	#page-about .about-rec { right:0px; }
	#page-strategy .strategy-txt-1 { top:30px;left:30px; }
	#page-strategy .strategy-txt-2 { top:80px; }
	#page-partners .partners-txt-1 { top:30px;left:30px; }
	#page-contact .map { top:250px;margin-top:0px; }
}

@media (min-width: 1200px) and (max-width:1360px) {
	#page-about .about-txt-l { left:100px }
	#page-about .about-line-1 { left:150px; }
	#page-about .about-txt-r { right:70px; }
	
}

@media (min-width: 1360px) and (max-width:1600px){
	#page-about .about-txt-l { left:100px }
	#page-about .about-line-1 { left:150px; }
	#page-about .about-txt-r { right:70px; }
}

@media (min-width: 1600px){
	#page-about .about-txt-l { left:198px; }
	#page-about .about-line-1 { left:250px;z-index:0 }
	#page-about .about-txt-r { right:170px;}
}


@keyframes fadeInLeft {
	0% {
		opacity:0;
		transform:translateX(-300px)
	}
	100% {
		opacity:1;
		transform:translateX(0)
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translateX(-300px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity:0;
		transform:translateX(200px)
	}
	100% {
		opacity:1;
		transform:translateX(0)
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translateX(200px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity:0;
		transform:translateY(-100px)
	}
	100% {
		opacity:1;
		transform:translateY(0)
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translateY(-100px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0)
	}
}