@charset "utf-8";
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container{
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	overflow: hidden;
}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23006cff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23006cff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	border: 2px solid #fff;
}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#006cff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#006cff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}



#focus {
	height: 700px;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:50px;
	background-color: #000;
}
#focus .in{
	width: 60100%;
	position: relative;
	left: -30000%;
	z-index:1;
}
#focus .bg{
	width:auto;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
#focus .slide_0 .title{
	color: #FFF;
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0px;
	top: 15%;
	text-align:center;
	font-size:17px;
}
#focus .slide_0 .title h1{font-size: 80px;}
#focus .slide_0 .title h1 span{color:#F00}
#focus .slide_0 .title h3{
	font-weight: normal;
	margin-bottom: 40px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}
#focus .slide_0 a.but{
	line-height: 40px;
	color: #FFF;
	height: 40px;
	width:200px;
	border: 1px solid #FFF;
	display: block;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: color 0.5s,background-color 0.5s;
	-moz-transition: color 0.5s,background-color 0.5s;
	-webkit-transition: color 0.5s,background-color 0.5s;
	-o-transition: color 0.5s,background-color 0.5s;
	position: relative;
	z-index: 3;
	text-align: center;
}
#focus .slide_0 a.but:hover {color:#006cff;background-color:#fff;}
#smokeCanvas{
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}



#focus .slide_1 .outdiv{
	position: absolute;
	z-index: 3;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
}
#focus .slide_1 .indiv{
	height: 700px;
	width: 1920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
}
#icircle{
	position: absolute;
	height: 40%;
	width: 100%;
	left: 0%;
	top: 58%;
}
#icircle .icircle{
	position: absolute;
	height: auto;
	width: 20%;
	left: 40%;
	top: 0%;
	filter: alpha(Opacity=100);
	-moz-opacity:1;
	opacity: 1;	
}
#icircle .icircle#icircle_1{
	animation: mycircle 3s infinite;
	-moz-animation: mycircle 3s infinite;	/* Firefox */
	-webkit-animation: mycircle 3s infinite;	/* Safari 和 Chrome */
	-o-animation: mycircle 3s infinite;	/* Opera */		
}
#icircle .icircle#icircle_2{
	animation: mycircle 3s 0.5S infinite;
	-moz-animation: mycircle 3s 0.5S infinite;	/* Firefox */
	-webkit-animation: mycircle 3s 0.5S infinite;	/* Safari 和 Chrome */
	-o-animation: mycircle 3s 0.5S infinite;	/* Opera */		
}
#icircle .icircle#icircle_3{
	animation: mycircle 3s 1s infinite;
	-moz-animation: mycircle 3s 1S infinite;	/* Firefox */
	-webkit-animation: mycircle 3s 1S infinite;	/* Safari 和 Chrome */
	-o-animation: mycircle 3s 1S infinite;	/* Opera */		
}
#icircle .icircle#icircle_4{
	animation: mycircle 3s 1.5s infinite;
	-moz-animation: mycircle 3s 1.5S infinite;	/* Firefox */
	-webkit-animation: mycircle 3s 1.5S infinite;	/* Safari 和 Chrome */
	-o-animation: mycircle 3s 1.5S infinite;	/* Opera */		
}

@keyframes mycircle
{
from {width: 0%;left: 50%;opacity: 1;}
to {width: 100%;left: 0%;opacity: 0;}
}
@-moz-keyframes mycircle /* Firefox */
{
from {width: 0%;left: 50%;opacity: 1;}
to {width: 100%;left: 0%;opacity: 0;}
}
@-webkit-keyframes mycircle /* Safari 和 Chrome */
{
from {width: 0%;left: 50%;opacity: 1;}
to {width: 100%;left: 0%;opacity: 0;}
}
@-o-keyframes mycircle /* Opera */
{
from {width: 0%;left: 50%;opacity: 1;}
to {width: 100%;left: 0%;opacity: 0;}
}
#focus .slide_1 .text{
	z-index:3;
	position: absolute;
	height: 40%;
	width: 100%;
	left: 0%;
	top: 63%;
	text-align:center;
	color:#fff;
	font-size:17px;
}
#focus .slide_1 h1{ font-weight:normal; margin-bottom:20px;}
#focus .slide_1 a.but{
	line-height: 40px;
	color: #FFF;
	height: 40px;
	width:200px;
	border: 1px solid #FFF;
	display: block;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: color 0.5s,background-color 0.5s;
	-moz-transition: color 0.5s,background-color 0.5s;
	-webkit-transition: color 0.5s,background-color 0.5s;
	-o-transition: color 0.5s,background-color 0.5s;
	position: relative;
	z-index: 3;
	text-align: center;
}
#focus .slide_1 a.but:hover {color:#006cff;background-color:#fff;}

#canvas{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
}
#focus .slide_2{
	background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
	background-image: radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
	position:relative;
}
#focus .slide_2 .text{
	z-index: 8;
	position: absolute;
	height: 70%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	top: 15%;
}
#focus .slide_2 .text .int{
	width: 100%;
	height: 100%;
	max-width: 1000px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
#focus .slide_2 .text img{
	height: auto;
	width: 90%;
	position: absolute;
	left: 5%;
	bottom: 0px;
}
#focus .slide_2 h1{font-size: 80px; line-height:90px;}
#focus .slide_2 h1 span{color:#F00}
#focus .slide_2 h3{
	font-weight: normal;
	margin-bottom: 40px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}
#focus .slide_2 a.but{
	line-height: 40px;
	color: #FFF;
	height: 40px;
	width: 180px;
	border: 1px solid #FFF;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: color 0.5s,background-color 0.5s;
	-moz-transition: color 0.5s,background-color 0.5s;
	-webkit-transition: color 0.5s,background-color 0.5s;
	-o-transition: color 0.5s,background-color 0.5s;
	position: relative;
	z-index: 3;
	text-align: center;
}
#focus .slide_2 a.but:hover {color:#006cff;background-color:#fff;}



#focus .slide_3 .outdiv{
	position: absolute;
	z-index: 3;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
}
#focus .slide_3 .indiv{
	height: 700px;
	width: 1920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#focus .slide_3 .int{
	width:90%;
	max-width:600px;
	position: relative;
	z-index:4;
	top: 200px;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 17px;
}
#focus .slide_3 h1{font-size:80px; height:94px; line-height:80px; position:relative; width:100%; overflow:hidden;position: relative;z-index:6;}
#focus .slide_3 h3{font-weight:normal;position: relative;z-index:6; margin-bottom:20px;}
#focus .slide_3 a.but{
	line-height: 40px;
	color: #FFF;
	height: 40px;
	width: 200px;
	border: 1px solid #FFF;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: color 0.5s,background-color 0.5s;
	-moz-transition: color 0.5s,background-color 0.5s;
	-webkit-transition: color 0.5s,background-color 0.5s;
	-o-transition: color 0.5s,background-color 0.5s;
	position: relative;
	z-index:6;
	text-align: center;
}
#focus .slide_3 a.but:hover {color:#006cff;background-color:#fff;}
#ring_1{
	width: 900px;
	height: 900px;
	position: absolute;
	left: 100px;
	top: -300px;
	filter: alpha(Opacity=4);
	-moz-opacity:0.04;
	opacity:0.04;
}
#ring_2{
	width: 700px;
	height: 700px;
	position: absolute;
	top: 300px;
	filter: alpha(Opacity=5);
	-moz-opacity: 0.05;
	opacity: 0.05;
	right: -100px;
}
.ring span{
	border:120px solid #FFF;
	position: absolute;
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
#ring_2.ring span{border: 100px solid #FFF;}
.ring span.span_0{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
}

#ring_1.ring span.span_0{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s;
	-moz-transition: all 5s;
	-webkit-transition: all 5s;
	-o-transition: all 5s;		
}
#focus .slide_3.onthis #ring_1.ring span.span_0{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}
#ring_2.ring span.span_0{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 0.5s;
	-moz-transition: all 5s 0.5s;
	-webkit-transition: all 5s 0.5s;
	-o-transition: all 5s 0.5s;		
}
#focus .slide_3.onthis #ring_2.ring span.span_0{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}


#ring_1.ring span.span_1{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 0.5s;
	-moz-transition: all 5s 0.5s;
	-webkit-transition: all 5s 0.5s;
	-o-transition: all 5s 0.5s;	
}
#focus .slide_3.onthis #ring_1.ring span.span_1{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}
#ring_2.ring span.span_1{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 1s;
	-moz-transition: all 5s 1s;
	-webkit-transition: all 5s 1s;
	-o-transition: all 5s 1s;		
}
#focus .slide_3.onthis #ring_2.ring span.span_1{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}

#ring_1.ring span.span_2{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 1s;
	-moz-transition: all 5s 1s;
	-webkit-transition: all 5s 1s;
	-o-transition: all 5s 1s;	
}
#focus .slide_3.onthis #ring_1.ring span.span_2{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}
#ring_2.ring span.span_2{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 1.5s;
	-moz-transition: all 5s 1.5s;
	-webkit-transition: all 5s 1.5s;
	-o-transition: all 5s 1.5s;	
}
#focus .slide_3.onthis #ring_2.ring span.span_2{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}

#ring_1.ring span.span_3{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 1.5s;
	-moz-transition: all 5s 1.5s;
	-webkit-transition: all 5s 1.5s;
	-o-transition: all 5s 1.5s;	
}
#focus .slide_3.onthis #ring_1.ring span.span_3{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}
#ring_2.ring span.span_3{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 2s;
	-moz-transition: all 5s 2s;
	-webkit-transition: all 5s 2s;
	-o-transition: all 5s 2s;	
}
#focus .slide_3.onthis #ring_2.ring span.span_3{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}

#ring_1.ring span.span_4{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 2s;
	-moz-transition: all 5s 2s;
	-webkit-transition: all 5s 2s;
	-o-transition: all 5s 2s;
}
#focus .slide_3.onthis #ring_1.ring span.span_4{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}
#ring_2.ring span.span_4{
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	transition: all 5s 2.5s;
	-moz-transition: all 5s 2.5s;
	-webkit-transition: all 5s 2.5s;
	-o-transition: all 5s 2.5s;
}
#focus .slide_3.onthis #ring_2.ring span.span_4{
	height: 500%;
	width: 500%;
	left: -200%;
	top: -200%;	
}

#focus .slide_3 .shape_1{
	position: absolute;
	width: 0px;
	height: 0px;
	left: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;	
}
#focus .slide_3.onthis .shape_1{
	width: 45px;
	height: 45px;
	left: -50%;
	top: 40%;
	filter: alpha(Opacity=55);
	-moz-opacity:0.55;
	opacity:0.55;		
	transform: rotate(230deg);
	-ms-transform: rotate(230deg);
	-webkit-transform: rotate(230deg);
	-o-transform: rotate(230deg);
	-moz-transform: rotate(230deg);	
}
#focus .slide_3 .shape_2{
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
	transition: all 2s 0.5s;
	-moz-transition: all 2s 0.5s;
	-webkit-transition: all 2s 0.5s;
	-o-transition: all 2s 0.5s;	
}
#focus .slide_3.onthis .shape_2{
	width: 40px;
	height: 40px;
	position: absolute;
	left: -30%;
	top: 20%;
	filter: alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;			
	transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	-webkit-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	-moz-transform: rotate(300deg);	
}
#focus .slide_3 .shape_3{
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
	transition: all 2s 0.8s;
	-moz-transition: all 2s 0.8s;
	-webkit-transition: all 2s 0.8s;
	-o-transition: all 2s 0.8s;			
}
#focus .slide_3.onthis .shape_3{
	width: 36px;
	height: 36px;
	position: absolute;
	left: -12%;
	top: 10%;
	filter: alpha(Opacity=42);
	-moz-opacity:0.42;
	opacity:0.42;			
	transform: rotate(350deg);
	-ms-transform: rotate(350deg);
	-webkit-transform: rotate(350deg);
	-o-transform: rotate(350deg);
	-moz-transform: rotate(350deg);	
}

#focus .slide_3 .shape_4{
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 2s 1.2s;
	-moz-transition: all 2s 1.2s;
	-webkit-transition: all 2s 1.2s;
	-o-transition: all 2s 1.2s;			
}
#focus .slide_3.onthis .shape_4{
	width: 35px;
	height: 35px;
	position: absolute;
	left: -10%;
	top: 60%;
	filter: alpha(Opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-moz-transform: rotate(120deg);			
}
#focus .slide_3 .shape_5{
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 2s 1.4s;
	-moz-transition: all 2s 1.4s;
	-webkit-transition: all 2s 1.4s;
	-o-transition: all 2s 1.4s;				
}
#focus .slide_3.onthis .shape_5{
	width: 30px;
	height: 30px;
	left: 30%;
	top:-40%;
	filter: alpha(Opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;		
	transform: rotate(420deg);
	-ms-transform: rotate(420deg);
	-webkit-transform: rotate(420deg);
	-o-transform: rotate(420deg);
	-moz-transform: rotate(420deg);			
}
#focus .slide_3 .shape_6{
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	filter: alpha(Opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;	
	transition: all 2s 1.9s;
	-moz-transition: all 2s 1.9s;
	-webkit-transition: all 2s 1.9s;
	-o-transition: all 2s 1.9s;			
}
#focus .slide_3.onthis .shape_6{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 10%;
	top: 100%;
	filter: alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
	transform: rotate(600deg);
	-ms-transform: rotate(600deg);
	-webkit-transform: rotate(600deg);
	-o-transform: rotate(600deg);
	-moz-transform: rotate(600deg);			
}

#focus .slide_3 .shape_7{
	width: 0px;
	height: 0px;
	position: absolute;
	right: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
	transition: all 2s 0.1s;
	-moz-transition: all 2s 0.1s;
	-webkit-transition: all 2s 0.1s;
	-o-transition: all 2s 0.1s;			
}
#focus .slide_3.onthis .shape_7{
	width: 50px;
	height: 50px;
	position: absolute;
	right: -50%;
	top: 60%;
	filter: alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	transform: rotate(600deg);
	-ms-transform: rotate(600deg);
	-webkit-transform: rotate(600deg);
	-o-transform: rotate(600deg);
	-moz-transform: rotate(600deg);				
}
#focus .slide_3 .shape_8{
	width: 0px;
	height: 0px;
	position: absolute;
	right: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
	transition: all 2s 0.5s;
	-moz-transition: all 2s 0.5s;
	-webkit-transition: all 2s 0.5s;
	-o-transition: all 2s 0.5s;				
}
#focus .slide_3.onthis .shape_8{
	width: 46px;
	height: 46px;
	position: absolute;
	right: -30%;
	top: 20%;
	filter: alpha(Opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
	transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	-webkit-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	-moz-transform: rotate(240deg);			
}

#focus .slide_3 .shape_9{
	width: 0px;
	height: 0px;
	position: absolute;
	right: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
	transition: all 2s 0.9s;
	-moz-transition: all 2s 0.9s;
	-webkit-transition: all 2s 0.9s;
	-o-transition: all 2s 0.9s;		
}
#focus .slide_3.onthis .shape_9{
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20%;
	top: 70%;
	filter: alpha(Opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;	
	transform: rotate(290deg);
	-ms-transform: rotate(290deg);
	-webkit-transform: rotate(290deg);
	-o-transform: rotate(290deg);
	-moz-transform: rotate(290deg);		
}

#focus .slide_3 .shape_10{
	width: 0px;
	height: 0px;
	position: absolute;
	right: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 2s 1.4s;
	-moz-transition: all 2s 1.4s;
	-webkit-transition: all 2s 1.4s;
	-o-transition: all 2s 1.4s;		
}
#focus .slide_3.onthis .shape_10{
	width: 40px;
	height: 40px;
	position: absolute;
	right: -20%;
	top: -20%;
	filter: alpha(Opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;	
	transform: rotate(390deg);
	-ms-transform: rotate(390deg);
	-webkit-transform: rotate(390deg);
	-o-transform: rotate(390deg);
	-moz-transform: rotate(390deg);		
}
#focus  .slide_3 .shape_11{
	width: 0px;
	height: 0px;
	position: absolute;
	right: 50%;
	top: 50%;
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
	transition: all 2s 1.7s;
	-moz-transition: all 2s 1.7s;
	-webkit-transition: all 2s 1.7s;
	-o-transition: all 2s 1.7s;			
}
#focus .slide_3.onthis .shape_11{
	width: 40px;
	height: 40px;
	right: 0%;
	top: 80%;
	filter: alpha(Opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;	
	transform: rotate(310deg);
	-ms-transform: rotate(310deg);
	-webkit-transform: rotate(310deg);
	-o-transform: rotate(310deg);
	-moz-transform: rotate(310deg);		
}
#focus .slide_3 .shape_12{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 50%;
	top: 40%;
	filter: alpha(Opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
	transition: all 2s 2.2s;
	-moz-transition: all 2s 2.2s;
	-webkit-transition: all 2s 2.2s;
	-o-transition: all 2s 2.2s;			
}
#focus .slide_3.onthis .shape_12{
	width: 46px;
	height: 46px;
	right: 30%;
	top: -40%;
	filter: alpha(Opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;	
	transform: rotate(310deg);
	-ms-transform: rotate(310deg);
	-webkit-transform: rotate(310deg);
	-o-transform: rotate(310deg);
	-moz-transform: rotate(310deg);		
}




.banner {
	height: 600px;
	width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 16px;
	z-index: 4;
}
.banner .text {
	width: 96%;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	z-index: 2;
	left: 2%;
	top: 150px;
	line-height: 22px;
}
.banner .text h2{
	margin-bottom: 10px;
	line-height:32px;
}
.banner .text span {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}
.banner .text p.shr {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #999;
	display: block;
	position: relative;
}
.banner .text a.apply {
	color:#FFF;
	font-size: 15px;
	line-height: 35px;
	height: 36px;
	width: 140px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border: 1px solid #fff;
	display: block;
	margin-top:40px;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;	
}
.banner .text a.apply:hover {color:#009cff;border:1px solid #009cff;}
.banner .text a.apply i {
	border: 0px solid #009cff;
	position: absolute;
	left: 70px;
	top: 18px;
	height: 0px;
	width: 0px;
	filter: alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;	
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;	
}
.banner .text a.apply:hover i {
	border: 10px solid #009cff;
	left: -20px;
	top: -15px;
	height: 46px;
	width: 160px;	
	filter: alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
}

.bhimg {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
}



.jion {position: relative;}
.jionbox {
	float: left;
	height: 500px;
	width: 50%;
}
.c0069d2{background-color:#0069d2;}
.c00c3e5{background-color:#00c3e5;}
.c24b84c{background-color:#24b84c;}
.cb1cd17{background-color:#b1cd17;}

.jionint {
	text-align: center;
	width: 96%;
	max-width: 500px;
	padding-top: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #FFF;
	overflow: hidden;
}
.jionbox  .icon {
	display: block;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.jionint h2{margin-bottom:10px;}

.jionus {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	text-align: center;
}
.jionus h3 {margin-bottom:10px;font-size:18px;}
.jionus .txt {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	color: #999;
	font-size:15px;
	line-height:26px;
}
.jionus p.sshr {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff503f;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	margin-bottom: 20px;
}
.jionus .box
{
	width:31.9999999999999%;
	margin-right:2%;
	float:left;
	margin-bottom: 30px;
	height: 56px;
	position:relative;
	overflow:hidden;
}
.jionus .box div
{
	border: 2px solid #eef4f6;
	background-color: #eef4f6;
	-moz-border-radius:4px;
	border-radius:4px;
	position:relative;
	overflow:hidden;
	color: #777;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.jionus .box:hover div{border: 2px solid #21a8b6;background-color: #fff;color:#444;}
.jionus .box.onthis div{border: 2px solid #21a8b6;background-color: #fff;}
.jionus .mbox
{
	width:23.5%;
	margin-right:2%;
	float:left;
	margin-bottom: 30px;
	height: 56px;
	position:relative;
	overflow:hidden;
}
.jionus .mbox div{
	border: 2px solid #eef4f6;
	background-color: #eef4f6;
	-moz-border-radius:4px;
	border-radius:4px;
	position:relative;
	overflow:hidden;
	color: #777;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.jionus .mbox:hover div{border: 2px solid #21a8b6;background-color: #fff;color:#444;}
.jionus .mbox.onthis div{border: 2px solid #21a8b6;background-color: #fff;}

.jionus .bbox{width:100%%;margin-bottom: 30px;}
.jionus .bbox div{
	border: 2px solid #eef4f6;
	background-color: #eef4f6;
	-moz-border-radius:4px;
	border-radius:4px;
	position:relative;
	overflow:hidden;
	color: #777;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.jionus .bbox:hover div{border: 2px solid #21a8b6;background-color: #fff;color:#444;}
.jionus .bbox.onthis div{border: 2px solid #21a8b6;background-color: #fff;}
.jionus .box .tip
{
	line-height: 56px;
	color: #F00;
	display: inline-block;
	height: 56px;
	margin-bottom: 30px;
	float:left;
}
.jionus .inputtext {
	height: 52px;
	width: 98%;
	border:none;
	padding-left: 2%;
	font-size: 16px;
	vertical-align: bottom;
	background-color:transparent;
}
.jionus .inputtext.textarea{
	height:150px;
	width:99%;
	padding-left:1%;
	line-height:24px;
	padding-top:8px;
	font:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
#bookbtn {
	height: 56px;
	display:block;
	width:100%;
	background-color: #1D95A6;
	border: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 56px;
	color: #FFF;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#bookbtn:hover{background-color: #20b5ca;}
#bookbtn.onthis{background-color: #20b5ca;}


#contactus {
	background-image: url(../images/b11.jpg);
	background-repeat: no-repeat;
	height: 800px;
	width: 100%;
	overflow: hidden;
	background-position: center center;
}
.contact {
	position: relative;
	height: 450px;
	width: 100%;
	top: 170px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	overflow: hidden;
}
.contactbg
{
	background-color: #fff;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-image: url(../images/cbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*.contact-l {
	position: absolute;
	z-index: 5;
	height: 390px;
	width: 35%;
	float: left;
	left: 0px;
	top: 0px;
	padding-top: 30px;
	padding-right: 3%;
	padding-bottom: 30px;
	padding-left: 3%;
	line-height: 28px;
	display: none;
}
.contact-l h2{font-weight: normal;}
.contact-r h2{font-weight: normal;}*/
.contact-int {
	position: absolute;
	z-index: 3;
	height: 390px;
	width: 94%;
	float: right;
	padding-top: 30px;
	padding-right: 3%;
	padding-bottom: 30px;
	padding-left: 3%;
	top: 0px;
	line-height: 30px;
}
.btn {
	line-height: 34px;
	color: #FFF;
	background-color: #09F;
	height: 35px;
	padding-right: 20px;
	padding-left: 20px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	bottom:20px;	
}
.booktext {
	line-height: 38px;
	height: 38px;
	width: 98%;
	border: 1px solid #888;
	background-color: transparent;
	padding-left: 2%;
}
.areatext {
	line-height: 28px;
	height: 100px;
	width: 99%;
	border: 1px solid #888;
	background-color: transparent;
	padding-left: 1%;
}
.bookdiv {
	float: left;
	width: 48%;
}
.bookdiv p
{
	line-height:18px;
	padding-top:8px;
}
.or {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-style: italic;
	color: #CCC;
	line-height: 20px;
}




.ad {
	height: 600px;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 7;
}
.btag {
	background-color: #FFF;
	height: 80px;
	width: 100%;
	position: relative;
	z-index: 4;
	-webkit-box-shadow: #999 0px 0px 10px;
	-moz-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	left: 0px;
	top: 0px;
}
.btag-box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e6e6e6;
}
.btag-box a {
	height: 80px;
	width: 25%;
	text-align: center;
	display: block;
	font-size: 18px;
	line-height: 80px;
	text-decoration: none;
	float: left;
	color: #3d3d3d;
	background-color: #fff;
	transition: color 0.5s,background-color 0.5s;
	-moz-transition: color 0.5s,background-color 0.5s;
	-webkit-transition: color 0.5s,background-color 0.5s;
	-o-transition: color 0.5s,background-color 0.5s;
	position: relative;
}
.btag-box a span{display:none;}
.btag-box a i{
	background-color: #e6e6e6;
	overflow: hidden;
	position: absolute;
	z-index: 5;
	height: 100%;
	width: 1px;
	top: 0px;
	right: 0px;
}
.btag-box a.blue:hover
{
	background-color:#0069d2;
	color:#FFF;
	border-left-color: #0069d2;
}
.btag-box a.azure:hover
{
	background-color:#00c3e5;
	color:#FFF;
	border-left-color: #00c3e5;
}
.btag-box a.green:hover
{
	background-color:#24b84c;
	color:#FFF;
	border-left-color: #24b84c;
}
.btag-box a.yellow:hover
{
	background-color:#c0df16;
	color:#FFF;
	border-left-color: #c0df16;
}
.btag-box a.blue.onthis
{
	background-color:#0069d2;
	color:#FFF;
	border-left-color:#0069d2;
}
.btag-box a.azure.onthis
{
	background-color:#00c3e5;
	color:#FFF;
	border-left-color: #00c3e5;
}
.btag-box a.green.onthis
{
	background-color:#24b84c;
	color:#FFF;
	border-left-color:#24b84c;
}
.btag-box a.yellow.onthis
{
	background-color:#c0df16;
	color:#FFF;
	border-left-color:#c0df16;
}
.proinfo {
	width: 100%;
	margin-right: auto;
	margin-bottom: 120px;
	margin-left: auto;
	max-width: 1200px;
	min-height: 500px;
	display: none;
	padding-top: 50px;
	overflow: hidden;
	position: relative;
}
.proinfo.onthis{display:block;}
.uimg {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width:790px;
}
.buimg {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width:1200px;
}
.aboutus-com h3 {font-size: 15px;}

.alogo h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #FFFFFF;
	line-height: 40px;
}
.callme {
	height: 500px;
	width: 100%;
	position: relative;
	overflow: hidden;
	color: #aaa;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;	
}
.callme:hover{color: #fff;}
.chimg {
	position: absolute;
	left: 0px;
	top: 0px;
}
.callmebg {
	background-color: #000;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 2;
	filter:alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;		
}
.callmetext {
	width: 96%;
	padding-top: 100px;
	position: relative;
	z-index: 4;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.callmetext h2{margin-bottom:10px;}



.redff0000 {
	font-size: 12px;
	color: #F00;
}
#df{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: -12px;
	border: 1px #999 solid;
	cursor: pointer;
}
#hf{
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: 2px;
}
.statement {
	background-image: url(../images/statement.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-bottom: 100px;
	background-attachment: fixed;
}
.statementint {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	max-width: 900px;
	color: #000;
	padding: 2.5%;
	position: relative;
}
.statementintbg {
	background-color: #fff;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter:alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	z-index:1;	
}
.statementinttxt
{
	position: relative;
	z-index: 2;
	padding: 2.5%;
	border: 1px solid #000;
}
.clause {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	line-height: 24px;
	max-width: 1200px;
	margin-bottom: 100px;
}
.protable {
	background-color: #e6e6e6;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	width: 100%;
}
.protable tr td {
	padding: 5px;
}
.box-table {
	padding: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	min-height: 100px;
	line-height: 30px;
	font-size: 15px;
}
.td20 {
	float: left;
	width: 20%;
}
.td30 {
	float: left;
	width: 30%;
}
.td40 {
	float: left;
	width: 40%;
}
.td50 {
	float: left;
	width: 50%;
}
.td60 {
	float: left;
	width: 60%;
}
.td80 {
	float: left;
	width: 75%;
	padding-left:5%;
}
.tac
{
	text-align:center
}
.world-int h1 {
	color: #FFF;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 240px;
}



.upad_9 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	max-width:1200px;
}
.upadtable {
	background-color: #383838;
	color: #FFF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:1100px;
}
.upadtable tr td {
	padding: 10px;
	background-color: #4C4C4C;
}
#allmap {
	overflow: hidden;
	position: relative;
	height: 1px;
	width: 1px;
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
}




.advantage_out {
	height: 1000px;
	position: relative;
	padding-top: 150px;
	width:100%;
	max-width:1200px;
	background-color: #053aa4;
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
}
#camera
{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 150px;
}
.camera {
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width:1090px;
}
#advantage {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/advantage_bg.png);
	background-repeat: no-repeat;	
	background-position: center top;
}
#advantage li
{
	float: left;
	height: 180px;
	width: 21%;
	padding-top: 20px;
	padding-right: 2%;
	padding-left: 2%;
	text-align: center;
	color: #FFF;
	overflow: hidden;
}

#advantage li h4 {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: normal;
	position: relative;
	top: 500px;	
}
#advantage li p {
	color: #FFF;
	position: relative;
	top: 500px;	
}
.advantage_ico {
	background-image: url(../images/ico.png);
	display: block;
	height: 80px;
	width: 80px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	position: relative;
	top: 500px;
}
.ico_1{background-position: -80px 0px;}
.ico_2{background-position: -160px 0px;}
.ico_3{background-position: -240px 0px;}
.ico_4{background-position: 0px -80px;}
.ico_5{background-position: -80px -80px;}
.ico_6{background-position: -160px -80px;}
.ico_7{background-position: -240px -80px;}
.adbox {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;	
}
.adbox.onthis
{
	filter:alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;	
}
.adboxhd {
	position: absolute;
	z-index: 3;
	width: 100%;
	left: 0px;
	top: 50px;
	text-align: center;
}
.adboxhd h1 {
	margin-bottom: 10px;
}
.adboxbm {
	font-size: 48px;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 40px;
	z-index: 5;
}



.upad_4 {
	width: 33.333%;
	position: relative;
	float: left;
}
.upad_4 img
{
	display:block;
}
.upad_4_bg {
	background-color: #0095E8;
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;		
}
.upad_4_txt
{
	position: absolute;
	z-index: 3;
	height: 20%;
	width: 100%;
	left: 0px;
	top: 40%;
	font-size: 32px;
	color: #FFF;
	text-align: center;
	filter: alpha(Opacity=00);
	-moz-opacity: 0;
	opacity: 0;
}
.upad_9 {
	width: 100%;
	position: relative;
	clear: both;
	background-color: #4C4C4C;
	padding-top: 100px;
	padding-bottom: 100px;
}




.uboxtable {
	background-color: #efefef;
	font-size: 13px;
	width: 100%;
	max-width: 790px;
	margin-left: auto;
	margin-right: auto;
}
.uboxtable tr td {padding: 5px;}



.trademarkout
{
	background-color: #f4f4f4;
	padding-top: 60px;
	padding-bottom: 60px;
}
.trademark
{
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	overflow: hidden;
	background-color: #FFF;
	-webkit-box-shadow: rgba(0,0,0,0.05) 0px 6px 20px;
	-moz-box-shadow: rgba(0,0,0,0.05) 0px 6px 20px;
	box-shadow: rgba(0,0,0,0.05) 0px 6px 20px;
}
.trademark .box {
	float: left;
	height: 240px;
	width: 260px;
	text-align: center;
	margin: 20px;
	background-color: #FFF;
	padding-top:20px;
	padding-bottom:20px;	
}
.trademark .box img {
	margin-bottom: 10px;
	width: 80%;
}
.trademark h2
{
	font-size: 18px;
	clear: both;
	padding-top: 40px;
	padding-left: 55px;
}
.trademark h1 {
	font-size: 21px;
	line-height: 28px;
	color: #333;
	padding-top: 10px;
	padding-bottom: 30px;
}
.trademark .text {
	width: 40%;
	color: #888;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding:40px;
}
.trademark h2 span {
	display: inline-block;
	margin-bottom: -2px;
	margin-right: 10px;
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0FF;
	border-right-color: #0CF;
	border-bottom-color: #09F;
	border-left-color: #06F;
	background-color: #03F;
}


#about {position:relative; z-index:5}
#about .box {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
	max-width: 1200px;
	top: -150px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0px 2px 30px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0px 2px 30px;
	box-shadow: rgba(0,0,0,0.15) 0px 2px 30px;	
}
#about .box .int {
	border: 1px dashed #000;
	padding: 30px;
	padding-bottom:50px;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 30px;
}
#about .box .int p {
	color: #666;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	text-indent: 24px;
}
#about .box .int img{width:100%;max-width:300px;}
#about .box .int h1.en {font-family: Georgia, "Times New Roman", Times, serif;margin-bottom: 20px;}
#about .box .line
{
	height: 1px;
	width: 200px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-color: #006cff;
}

#ifour {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	max-width: 1200px;
	margin-bottom: 140px;
}
#ifour .box {float: left;width: 25%;padding-right:1%;padding-left:2%; margin-bottom:20px;}
#ifour .box p {color: #777;}
#ifour .box img {width:120px; height:auto; display:block; margin-left:auto; margin-right:auto}
#ifour h2 {margin-bottom: 40px;}
#ifour .box span {
	background-color: #CCC;
	display: block;
	height: 1px;
	width: 80px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}
#ifour h3{font-weight:normal;}
#ifour .box div
{
	position:relative;
	height:48px;
	line-height:24px;
	overflow:hidden;
}


#ad{padding-bottom: 50px;}
#ad .int{
	width: 94%;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto
}
#ad .box {
	float: left;
	width: 48.5%;
	margin-right: 3%;
	background-color: #FFF;
	-webkit-box-shadow: rgba(0,0,0,0) 0px 0px 0px;
	-moz-box-shadow: rgba(0,0,0,0) 0px 0px 0px;
	box-shadow: rgba(0,0,0,0) 0px 0px 0px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	position: relative;
	top: 0px;
	padding-bottom:150px;
	margin-bottom:40px;
}
#ad .box:hover{
	top: -5px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 3px 30px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 3px 30px;
	box-shadow: rgba(0,0,0,0.1) 0px 3px 30px;
}
#ad .box div.imgbox {border: 10px solid #FFF;}
#ad .box div img {display: block;}
#ad .box div.txtbox{
	position: absolute;
	width: 90%;
	left: 5%;
	text-align: center;
	padding-top: 8px;
}
#ad .box div.txtbox h2{font-weight: normal;font-size: 18px;}
#ad .box div.txtbox p {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px;
	color: #999;
}
#ad .box div.txtbox span {
	display: block;
	width:100%;
	max-width: 100px;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	margin-top: 14px;
	margin-bottom: 14px;
	background-color: #ccc;
}



#help {
	width: 98%;
	max-width: 1200px;
	min-height: 400px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 50px;
	margin-bottom: 80px;
	font-size:15px;
}
#help .bar {
	display: block;
	position: relative;
	background-color: #006cff;
    background: -moz-linear-gradient(-190deg,  rgba(0,192,255,1) 0%, rgba(0,108,255,1) 100%);
    background: -webkit-gradient(-190deg, left top, left bottom, color-stop(0%,rgba(0,192,255,1)), color-stop(100%,rgba(0,108,255,1)));
    background: -webkit-linear-gradient(-190deg,  rgba(0,192,255,1) 0%,rgba(0,108,255,1) 100%);
    background: -o-linear-gradient(-190deg,  rgba(0,192,255,1) 0%,rgba(0,108,255,1) 100%);
    background: -ms-linear-gradient(-190deg,  rgba(0,192,255,1) 0%,rgba(0,108,255,1) 100%);
    background: linear-gradient(-190deg,  rgba(0,192,255,1) 0%,rgba(0,108,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c0ff', endColorstr='#006cff',GradientType=0 );
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:40px;
	padding-top:30px;
	padding-bottom:20px;
	text-align:center;	
}
#help .bar .box {
	position: relative;
	height: 50px;
	width: 95%;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:20px;
}
#help .bar .box .qtext {
	position: absolute;
	height: 100%;
	width: 100%;
	border: none;
	padding-left:2%;
	font-size:15px;	
	top: 0px;
	left:0px;
}
#help .bar .box .qbutton {
	position: absolute;
	height: 100%;
	width: 50px;
	top: 0px;
	right: 0px;
	background-color: #e46400;
	border: none;
	cursor: pointer;
	background-image: url(../images/lookup.png);
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#help .bar .box .qbutton:hover{background-color: #fe7102;}
#help .bar a {
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	color:#FFF;
	font-size:16px;
	margin-bottom:10px;
}
#help .bar a:hover {text-decoration: underline;}
#help .l {float: left;width: 47%;margin-right: 6%; margin-bottom:20px;}
#help .r {float: left;width: 47%;}
#help h1 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:5px;
	margin-bottom:10px;
}
#help .l p
{
	line-height:20px;
	padding-top:7px;
	padding-bottom:7px;
	position: relative;
}
#help .l p span
{
	line-height: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	background-image: url(../images/thing_mini.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-left:6px;
	font-size:12px;
	color:#28c153;
}
#help .r p {
	line-height:20px;
	padding-top:7px;
	padding-bottom:7px;
}
#help .c p{
	line-height:20px;
	padding-top:7px;
	padding-bottom:7px;
	position: relative;
}
#help .c p.helpsend_p{
	padding-top: 12px;
	padding-bottom: 3px;
}
#help .c p.helpsend_error
{
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	font-size: 12px;
	height: 0px;
	color: #ff6f3d;
	overflow: hidden;
}
#help .c .helpsend_p i{
	font-style: normal;
	color: #F00;
	font-size: 13px;
}
#help .c p span
{
	line-height: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	background-image: url(../images/thing_mini.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-left:6px;
	font-size:12px;
	color:#28c153;
}
#help .c input.text
{
	height: 40px;
	width: 95%;
	max-width: 600px;
	border: 1px solid #CCC;
	padding-left: 10px;
}
#help .c input.text.error{border: 1px solid #ff6f3d; background-color:#fff3ef}
#help .c input.button
{
	padding-left:0%;
	width:240px;
	border: 1px solid #999;
	background-color:#999;
	display:block;
	height:42px;
	font-size:16px;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#help .c input.button:hover
{
	border: 1px solid #006cff;
	background-color:#006cff;
	color:#FFF;
}
#help .c input.button.onthis
{
	border: 1px solid #006cff;
	background-color:#006cff;
	color:#FFF;
}
#help .c textarea
{
	height: 160px;
	width: 95%;
	max-width: 600px;
	border: 1px solid #CCC;
	padding-left: 10px;
	padding-top: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
#help .c textarea.error{border: 1px solid #ff6f3d; background-color:#fff3ef}
#help .path {
	line-height:20px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom:30px;
}
#help .path span
{
	padding-left:10px;
	padding-right:10px;
	color:#CCC;
}
#help .path a{color:#3289ff;}
#help .path a:hover{color:#006cff;}
#help .path strong
{
	color: #F00;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;	
}
#help h3.help_h3{font-weight: normal;margin-bottom:30px;}
#help .info {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #efefef;
	border-bottom-color: #efefef;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 24px;
	margin-bottom:30px;
}
#help .but
{
	display:inline-block;
	line-height:36px;
	padding-left:10px;
	padding-right:10px;
	margin-right:15px;
	background-color:#e5e5e5;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#help .but:hover{color:#fff;background-color:#006cff;}
#help .info .infobar
{
	height:40px;
	line-height:40px;
	position:relative;
	margin-top:20px;
}
#help .info .infobar div
{
	border: 1px solid #e2e7ea;
	position: relative;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
#help .info .infobar div span
{
	display:block;
	height:38px;
	line-height:38px;
	position: relative;
	float:left;
}
#help .info .infobar div span.ls{padding-left:24px;color: #2fc059;}
#help .info .infobar div span.rs{padding-left:24px;color:#aaa}
#help .info .infobar div span.cs{width:40px;background-image: url(../images/thing.jpg);background-repeat: no-repeat;background-position: center -20px;}
#help .info .infobar div span em
{
	background-image: url(../images/thing.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	height: 20px;
	width: 20px;
	left: 0px;
	top: 9px;
	left: 0px;
}
#help .info .infobar div span.ls em{background-position: 0px 0px;}
#help .info .infobar div span.rs em{background-position: -20px 0px;}
#help .info .infobar div span strong{font-weight: normal;}
#help .info .infobar p{color: #999;position: absolute;top: 0px;right: 0px;}
#help .info .infobar p span{margin-left:20px;display:inline-block}
#help .info .infobar p span em{font-style: normal;color: #333;}
#help .it {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 30px;
	background-color: #efefef;
}
#help .it img {display: block;}
#help .it div
{
	padding: 5%;
	padding-top: 14px;
	padding-bottom: 18px;
	height: 70px;
	text-align:center;
}


#blog {
	width:100%;
	max-width: 1200px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 50px;
}
#blog .hbox
{
	-webkit-box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
	margin-bottom:30px;
	padding:15px;
	background-color:#FFF;
}
#blog .hbox img{display: block;position: relative;}
#blog .box {
	margin-right: 2%;
	position: relative;
	background-color: #FFF;
	width: 49%;
	float: left;
	margin-bottom: 30px;
	-webkit-box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
	overflow: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
#blog .box:hover
{
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.12);
	box-shadow:0 5px 20px rgba(0,0,0,0.12);
}
#blog .box .int{padding:15px; padding-bottom:25px;}
#blog .box .ibox
{
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}
#blog .box .ibox img {display: block;}
#blog .box .txt {
	line-height: 24px;
	height: 24px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}
#blog .box .txt span {
	display: inline-block;
	margin-right: 12px;
	color: #bbb;
	font-size: 13px;
	line-height: 26px;
	height: 26px;
	padding-left: 26px;
	position: relative;
	z-index:2;
}
#blog .box .txt em {
	color: #888;
	position: absolute;
	top: 0px;
	right: 3px;
	font-style: normal;
	z-index:2;
}
#blog .box .txt i {
	height: 24px;
	width: 24px;
	background-image: url(../images/i_work_icon.png);
	position: absolute;
	left: 0px;
	top: 1px;
}
#blog .box .txt i.eye{background-position: 0px 0px;}
#blog .box .txt i.pin{background-position: -240px 0px;}
#blog .box .txt i.thing{background-position: -48px 0px;}
#blog .box h3{margin-bottom:2px;}
#blog .box .brief
{
	line-height: 20px;
	color: #999;
	height: 80px;
	overflow: hidden;
}
#blog .box .ibox .time {
	position: absolute;
	height: 50px;
	width: 100%;
	bottom: -50px;
	background-color: #FFF;
	z-index: 2;
	left: 0px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#blog .box:hover .ibox .time {bottom: 0px;}
#blog .box .ibox .time span {
	position: absolute;
	height: 25px;
	bottom: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #efefef;
	text-align: center;
	line-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	font-size:12px;
}
#blog .box .ibox .time span.prepare {
	width: 40%;
	left: 0px;
	color:#ff0000;
}
#blog .box .ibox .time span.progress {
	width: 40%;
	left: 40%;
	color:#ffa800;
}
#blog .box .ibox .time span.finish {
	width: 20%;
	right:0px;
	color:#000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #efefef;	
}
#binfo
{
	width:98%;
	max-width: 1200px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	margin-top:50px;
	background-color:#FFF;
	-webkit-box-shadow: rgba(0,0,0,0.05) 0px 1px 8px;
	box-shadow: rgba(0,0,0,0.05) 0px 1px 8px;
}
#binfo .int {
	padding: 50px;
	min-height:500px;
}
#binfo .bar {
	line-height: 24px;
	height: 24px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #efefef;
	padding-top:10px;
	padding-bottom:10px;
}
#binfo .bar span {
	display: inline-block;
	margin-right: 12px;
	color: #bbb;
	font-size: 13px;
	line-height: 24px;
	height: 24px;
	padding-left: 26px;
	position: relative;
	z-index:2;
}
#binfo .bar em {
	color: #888;
	position: absolute;
	top: 10px;
	right: 0px;
	font-style: normal;
	z-index:2;
	line-height: 24px;
	height: 24px;	
}
#binfo .bar i {
	height: 24px;
	width: 24px;
	background-image: url(../images/i_work_icon.png);
	position: absolute;
	left: 0px;
	top: -1px;
}
#binfo .bar i.eye{background-position: 0px 0px;}
#binfo .bar i.pin{background-position: -240px 0px;}
#binfo .bar i.thing{background-position: -48px 0px;}
#binfo .txt{line-height:24px;}
#binfo .txt img{max-width:100%;}
#binfo .txt .careful
{
	color:#f7810f !important;
	border: 1px solid #ffb166 !important;
	background-color: #fff1e4 !important;
	padding:15px;
	line-height:20px;
	margin-bottom:20px;
}
#binfo .txt .video{margin-bottom:20px;}
#binfo .txt a.download{
	height: 40px;
	width: 100%;
	margin-top: 10px;
	line-height: 40px;
	color: #FFF;
	background-color: #4393ff;
	display:block;
	max-width:180px;
	text-align:center;
}
#binfo .txt a.download:hover{background-color:#006cff;}

#notice{
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 50px;
	margin-bottom:50px;
}
#notice .title{
	line-height: 30px;
	height: 30px;
	margin-bottom:10px;
	text-align:center;
	width:200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:7px;
	font-weight:normal;
}
#notice .title span{
	display:block;
	height:3px;
	background-color:#ccc;
	position:relative;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}
#notice .title a{
	position:absolute;
	width:54%;
	height:100%;
	left:23%;
	top:0px;
	background-color:#fff;
	z-index:2;
}
#notice .int {
	border: 1px dashed #ccc;
	padding: 50px;
	margin-left: 50px;
	margin-right: 50px;
	position: relative;
}
#notice .int h2 {text-align: center;}
#notice img {max-width:100%;}
#notice .action{
	height: 50px;
	width: 202px;
	display: block;
}
#notice .action a{
	display: block;
	height: 50px;
	width: 50px;
	line-height:50px;
	text-align:center;
	float: left;
	background-image: url(../images/np.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	background-color:#666;
}
#notice .action a.next{background-position: -50px 0px;}
#notice .action a.next:hover{background-color:#06F;}
#notice .action a.previous:hover{background-color:#06F;}
#notice .action a.more{
	width:100px;
	margin-left:1px;
	margin-right:1px;
	background-image:none;
	font-size:18px;
	color:#fff;
	background-color:#ccc;
}
#notice .action a.more:hover{background-color:#06F;}
#notiecbb{
	width: 100%;
	position: relative;
	overflow: hidden;
}
#notiecbb .swiper-slide{height:auto}
#noticediv{
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
#noticediv .box{
	position: relative;
	width: 100%;
	margin-bottom:30px;
	background-color:#fff;
}
#noticediv .box .int{padding: 60px; color:#777}
#noticediv .box h3.title{color: #333;}
#noticediv .box p.pl{
	color: #666;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	padding-top: 10px;
}
#noticediv .box p.pl span{display: inline-block;margin-right: 40px;}
#noticediv .box p.pl span em{color: #333;font-style: normal;}
#noticediv .box img{max-width:100%; width:auto; height:auto}
#noticediv .box table tr td{padding:8px;}


/*#bird {
	position: absolute;
	height: 130px;
	width: 138px;
	left: 280px;
	top: 150px;
	overflow: hidden;
}
#bird img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 22080px;
	height: 130px;
}*/

#marks {
	height: 800px;
	width: 100%;
	background-image: url(../images/marks_bgx.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	font-size:14px;
}
#marks .com {
	position: absolute;
	z-index: 3;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#marks .box {
	width: 96%;
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 120px;
	height: 510px;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.12);
	box-shadow: 0 5px 10px rgba(0,0,0,0.12);
	background-color:#FFF;
}
#marks .box .bg{
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;	
	filter: alpha(Opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;	
}
#marks .box .text {
	padding: 10%;
	padding-top:25px;
	position: relative;
	z-index: 2;
	background-color:#FFF;	
}
#marks .box .text .head {
	height: 120px;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin-bottom:5px;
}
#marks .box .text h3 {
	font-weight: normal;
	text-align: center;
	margin-bottom:15px;
}
#marks .box .text .it {
	line-height: 16px;
	height: 16px;
	margin-bottom: 2px;
}
#marks .box .text .it span{
	background-image: url(../images/markstar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	margin-right: 3px;
	margin-left:3px;
	cursor:pointer;
}
#marks .box .text .it span.on{background-position: 0px -16px;}
#marks .box .text .it p{
	float: left;
	margin-right: 2px;
	position: relative;
}
#marks .box .text .it p strong{
	display: block;
	color: #F00;
	position: absolute;
	left: -8px;
	top: 0px;	
}
#marks .box .text .it em{
	display: block;
	float: left;
	font-style: normal;
	color: #F00;
	margin-left: 30px;
}
#marks .box .text .it i{
	display: block;
	float: left;
	width:16px;
	height:16px;
	font-style: normal;
	margin-left: 5px;
	background-image: url(../images/marksface.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#marks .box .text .border{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#marks .box .text .input{
	height:32px;
	padding-left:2%;
	width:98%;
	display: block;
	border:none;	
}
#marks .box .text textarea {
	height: 90px;
	width: 96%;
	padding: 2%;
	display: block;
	border:none;
}
#sendmark{
	border:none;
	width:100%;
	height:40px;
	background-color:#0052c2;
	color:#FFF;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#sendmark:hover{background-color:#006cff;}
#marks .box .feed{
	background-color:#FFF;
	padding: 10%;
	padding-top: 80px;
	position: absolute;
	z-index: 3;
	text-align: center;
	display: none;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.8s;
	height: 80%;
	width: 80%;
	left: 0px;
	top: 100%;
}
#marks .box.on .feed {top: 0%;}
#marks .box .feed div{
	height: 100px;
	width: 100px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	/*background-image: url(../images/ok.png);*/
	background-repeat: no-repeat;
	background-position: center center;
}
#marks .box .feed.yes div{background-image: url(../images/ok.png);}
#marks .box .feed.no div{background-image: url(../images/no.png);}
#marks .box .feed a{
	display:block;
	margin-top:50px;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:#0052c2;
	margin-left:auto;
	margin-right:auto;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#marks .box .feed a:hover{background-color:#006cff;}
#marks .box .text .error{font-size:12px;}
#marks .box .text .error.on{color:#F00}
#marks .box .text .error strong{color: #F00;}



@media only screen  and (max-width: 1440px)
{
	#focus {height: 630px;}
	#focus .bg{height:630px;}
	#focus .slide_1 .indiv{height: 630px;width:1728px;}
	#focus .slide_1 h1{font-size:26px; margin-bottom:16px;}
	#focus .slide_1 a.but{line-height: 38px;height: 38px;width:190px;}
	
	#focus .slide_2 h1{font-size: 70px; line-height:80px;}
	#focus .slide_2 a.but{line-height: 38px;height: 38px;width:160px;}
	
	#focus .slide_3 .indiv{height: 630px;width:1728px;}
	#focus .slide_3 .int{top: 180px;font-size: 17px;}
	#focus .slide_3 h1{font-size:80px; height:86px; line-height:80px;}
	#focus .slide_3 h3{margin-bottom:20px;}
	#focus .slide_3 a.but{line-height: 38px;height: 38px;width: 190px;}
	
	#focus .slide_0 .title{top: 15%;font-size:17px;}
	#focus .slide_0 .title h1{font-size: 70px;}
	#focus .slide_0 a.but{line-height: 38px;height: 38px;width: 190px;}
	#smokeCanvas{width: 120%;left: -10%;}
	
	
	#ring_1{width: 800px;height: 800px;left: -200px;top: -200px;}
	#ring_2{width: 600px;height: 600px;top: 250px;right: -50px;}
	.ring span{border:100px solid #FFF;}
	#ring_2.ring span{border: 80px solid #FFF;}
	
	#about .hk {display: block; width:120%; left:-10%;}
	#about .box {top: -100px;}	
}
@media only screen  and (max-width: 1200px)
{
	#focus {height: 560px;}
	#focus .bg{height:560px;}
	#focus .slide_1 .indiv{height: 560px;width:1536px;}
	#focus .slide_1 .text{font-size:16px;}
	#focus .slide_1 h1{ font-size:24px; margin-bottom:14px;}
	#focus .slide_1 a.but{line-height: 36px;height: 36px;width:180px;}
	
	#focus .slide_2 .text{font-size:16px;}
	#focus .slide_2 h1{font-size: 60px; line-height:70px;}
	#focus .slide_2 a.but{line-height: 36px;height: 36px;width:150px;}
	
	#focus .slide_3 .indiv{height: 560px;width:1536px;}
	#focus .slide_3 .int{top: 160px;font-size: 16px;}
	#focus .slide_3 h1{font-size:70px; height:76px; line-height:70px;}
	#focus .slide_3 h3{margin-bottom:20px;}
	#focus .slide_3 a.but{line-height: 36px;height: 36px;width: 180px;}
	
	#focus .slide_0 .title{top: 15%;font-size:16px;}
	#focus .slide_0 .title h1{font-size: 60px;}
	#focus .slide_0 a.but{line-height: 36px;height: 36px;width: 180px;}
	#smokeCanvas{width: 140%;left: -20%;}
	
	#ring_1{width: 750px;height: 700px;left: -250px;top: -250px;}
	#ring_2{width: 600px;height: 600px;top: 250px;right: -50px;}
	.ring span{border:90px solid #FFF;}
	#ring_2.ring span{border: 70px solid #FFF;}
	
	#ad .int{width: 100%;}	
	#about .hk {display: block; width:140%; left:-20%;}
	#about .box {top: -50px; margin-bottom:50px;}	
	
	.jionint {padding-top: 80px;}
}
@media only screen  and (max-width: 1000px)
{
	#focus {height: 490px;}
	#focus .bg{height:490px;}
	#focus .slide_1 .indiv{height: 490px;width:1344px;}
	#focus .slide_1 .text{font-size:15px;}
	#focus .slide_1 h1{ font-size:22px; margin-bottom:12px;}
	#focus .slide_1 a.but{line-height: 34px;height: 34px;width:170px;}
	

	#focus .slide_2 .text{font-size:15px;}
	#focus .slide_2 h1{font-size: 50px; line-height:60px;}
	#focus .slide_2 h3{margin-bottom: 30px;}
	#focus .slide_2 a.but{line-height: 34px;height: 34px;width:140px;}
	
	#focus .slide_3 .indiv{height: 490px;width:1344px;}
	#focus .slide_3 .int{top: 140px;font-size: 15px;}
	#focus .slide_3 h1{font-size:60px; height:66px; line-height:60px;}
	#focus .slide_3 h3{margin-bottom:15px;}
	#focus .slide_3 a.but{line-height: 34px;height: 34px;width: 170px;}
	
	#focus .slide_0 .title{top: 15%;font-size:15px;}
	#focus .slide_0 .title h1{font-size: 50px;}
	#focus .slide_0 .title h3{margin-bottom: 30px;}
	#focus .slide_0 a.but{line-height: 34px;height: 34px;width: 170px;}
	#smokeCanvas{width: 160%;left: -30%;}	
	
	#ring_1{width: 800px;height: 800px;left: -200px;top: -200px;}
	#ring_2{width: 600px;height: 600px;top: 250px;right: -50px;}
	.ring span{border:80px solid #FFF;}
	#ring_2.ring span{border: 60px solid #FFF;}
	
	#ad .box {width:48%;margin-bottom:40px;}
	#about .hk {display: block; width:160%; left:-30%;}
	#about .box .int p {width: 70%;}
	.banner {height: 550px; font-size:15px;}
	.ad {height: 400px;}
	.banner .text {top: 100px;}	
	.proinfo {margin-bottom: 100px;padding-top: 40px;}
	
	.ittxt2_1{margin-bottom: 40px;padding-top: 80px;}
	.ittxt2_1 img{max-width:110px; margin-bottom:10px}
	.ittxt2_1 h1{margin-bottom:10px; font-size:32px;}

	
	#help {font-size:14px;margin-top: 40px;margin-bottom: 60px;}
	#help .l {float:none;width: 100%;margin-right: 0%;}
	#help .r {float:none;width:100%;}
	#help .it {width: 48%;margin-right: 1%;margin-left:1%;}
	
	#binfo{margin-bottom: 80px;margin-top:40px;}
	#binfo .int {padding: 40px;}
	
	
	#ifour .box {float: left;width: 48%;padding-right:1%;padding-left:1%;}
	
	.jionus .box{width:48%;margin-right:1%;margin-left:1%;margin-bottom: 20px;}
	.jionus .box.nomr{margin-right:1% !important;}
	.jionus .mbox{width:48%;margin-right:1%;margin-left:1%;margin-bottom: 20px;}
	.jionus .bbox{width:98%%;margin-right:1%;margin-left:1%;margin-bottom: 20px;}
	
	#notice{padding-bottom: 30px;margin-bottom:30px;}
	#notice .int {border: 1px dashed #ccc;padding: 30px;margin-left: 30px;margin-right: 30px;}
	
	#noticediv{margin-bottom: 40px;margin-top: 40px;}
	#noticediv .box .int{padding: 40px; color:#777}
	#noticediv .box table tr td{padding:5px;}
}
@media only screen  and (max-width: 800px)
{
	#focus {height: 420px;}
	#focus .bg{height:420px;}
	#focus .slide_1 .indiv{height: 420px;width:1152px;}
	#focus .slide_1 .text{font-size:14px;}
	#focus .slide_1 h1{ font-size:20px; margin-bottom:10px;}
	#focus .slide_1 a.but{line-height: 32px;height: 32px;width:160px;}
	
	#focus .slide_2 .text{font-size:14px;}
	#focus .slide_2 h1{font-size: 40px; line-height:50px;}
	#focus .slide_2 h3{margin-bottom: 20px;}
	#focus .slide_2 a.but{line-height: 32px;height: 32px;width:130px;}
	
	#focus .slide_3 .indiv{height: 420px;width:1152px;}
	#focus .slide_3 .int{top: 120px;font-size: 14px;}
	#focus .slide_3 h1{font-size:50px; height:56px; line-height:50px;}
	#focus .slide_3 h3{margin-bottom:10px;}
	#focus .slide_3 a.but{line-height: 32px;height: 32px;width: 160px;}
	
	#focus .slide_0 .title{top: 15%;font-size:14px;}
	#focus .slide_0 .title h1{font-size: 40px;}
	#focus .slide_0 .title h3{margin-bottom: 20px;}
	#focus .slide_0 a.but{line-height: 32px;height: 32px;width: 160px;}
	#smokeCanvas{width: 180%;left: -40%;}	
	
	#ring_1{width: 500px;height: 500px;left: 50px;top: 50px;}
	#ring_2{width: 300px;height: 300px;top: 100px;right: 100px;}
	.ring span{border:70px solid #FFF;}
	#ring_2.ring span{border: 50px solid #FFF;}		
	
	#about .hk {display: block; width:180%; left:-40%;}
	#about .box .int p {width: 75%;}	
	#four .box {width: 48%;height:300px;}	
	.banner {height: 500px;}
	.banner .text a.apply {margin-top:30px;	}	
	.ad {height: 350px;}
	.banner .text {top: 80px;}
	.proinfo {margin-bottom: 80px;padding-top: 30px;}
	
	#contactus {height: 600px;}
	.contact {top: 70px;}	
	.statement{background-repeat: repeat;padding-top: 50px;padding-bottom: 50px;}
	
	.jionbox {width: 100%;}	
	
	.ittxt2_1{margin-bottom: 30px;padding-top: 60px;}
	.ittxt2_1 img{max-width:90px;}
	.ittxt2_1 h1{margin-bottom:10px; font-size:26px;}
	
	#blog {padding-top:0px;}
	#blog .hbox{margin-bottom:20px;padding:0px;}
	#blog .hbox img{position: relative; width:160%; left:-30%;}
	#blog .box {margin-right: 2%;margin-left: 2%;width: 96%;float:none;margin-bottom: 20px;}
	
	#binfo{margin-bottom: 60px;margin-top:30px;}
	#binfo .int {padding: 30px;}
	
	#notice{padding-top: 20px;padding-bottom: 30px;margin-bottom:30px;}
	#notice .int {border: 1px dashed #ccc;padding: 20px;margin-left: 20px;margin-right: 20px;}
	
	#noticediv{margin-bottom: 40px;margin-top: 40px;}
	#noticediv .box .int{padding: 30px;}
	
	#focus .swiper-pagination{bottom:0px}
	#focus .swiper-pagination .swiper-pagination-bullet {width:6px;height:6px;}
}
@media only screen  and (max-width: 600px)
{
	#focus {height: 350px;}
	#focus .bg{height:350px;}
	#focus .slide_1 .indiv{height: 350px;width:960px;}
	#focus .slide_1 .text{font-size:13px;}
	#focus .slide_1 h1{ font-size:18px; margin-bottom:8px;}
	#focus .slide_1 a.but{line-height: 30px;height: 30px;width:150px;}
	
	#focus .slide_2 .text{font-size:13px;}
	#focus .slide_2 h1{font-size: 30px; line-height:40px;}
	#focus .slide_2 h3{margin-bottom: 10px;}
	#focus .slide_2 a.but{line-height: 30px;height: 30px;width:120px;margin-right: 5px;margin-left: 5px;}
	
	#focus .slide_3 .indiv{height: 350px;width:960px;}
	#focus .slide_3 .int{top: 100px;font-size: 13px;}
	#focus .slide_3 h1{font-size:40px; height:46px; line-height:40px;}
	#focus .slide_3 h3{margin-bottom:8px;}
	#focus .slide_3 a.but{line-height: 30px;height: 30px;width: 150px;}	
	
	#focus .slide_0 .title{top: 12%;font-size:13px;}
	#focus .slide_0 .title h1{font-size: 30px; line-height:30px;}
	#focus .slide_0 .title h3{margin-bottom: 10px;}
	#focus .slide_0 a.but{line-height: 30px;height: 30px;width: 150px;}
	#smokeCanvas{width: 200%;left: -50%;}	
	
	#ring_1{width: 400px;height: 400px;left: 100px;top: 100px;}
	#ring_2{width: 200px;height: 200px;top: 50px;right: 100px;}
	.ring span{border:60px solid #FFF;}
	#ring_2.ring span{border: 40px solid #FFF;}		
	
	.banner {height: 420px;}
	.banner .text a.apply {margin-top:20px;	}	
	.ad {height: 300px;}
	.banner .text {top: 40px;}
	#ad .box {width:98%;margin-bottom:20px;}
	#ad{padding-bottom: 30px;}
	#about .hk {display: block; width:200%; left:-50%;}
	#about .box {padding-top: 20px;padding-bottom: 20px;}
	#about .box .int {padding: 20px; padding-bottom:30px;margin-left: 20px;margin-right: 20px;}
	#about .box .int p {width: 80%;}
	.proinfo {margin-bottom: 60px;padding-top: 20px;}
	.jionbox {width: 100%;}
	
	#contactus {height: 800px;}
	.contact {height: 560px;width: 96%;top: 120px;}
	.bookdiv {float: left;width: 100%;}	
	#advantage li{width: 44%;padding-right: 3%;padding-left: 3%;}
	
	.ittxt2_1{margin-bottom: 20px;padding-top: 40px;}
	.ittxt2_1 img{max-width:70px; margin-bottom:5px}
	.ittxt2_1 h1{margin-bottom:10px; font-size:20px;}
	
	#help {font-size:13px;margin-top: 30px;margin-bottom: 40px;}
	#help .it {width: 100%;margin-right:0%;margin-left:0%;}
	
	#blog .hbox img{position: relative; width:180%; left:-40%;}
	
	#binfo .int {padding: 15px;}
	
	
	#ifour .box {float: left;width: 96%;padding-right:2%;padding-left:2%;}
	
	.jionus .box{width:98%;margin-right:1%;margin-left:1%;margin-bottom: 10px;}
	.jionus .box.nomr{margin-right:1% !important;}
	.jionus .mbox{width:98%;margin-right:1%;margin-left:1%;margin-bottom: 10px;}
	.jionus .bbox{margin-bottom: 10px;}
	
	#notice{padding-top:10px;padding-bottom: 0px;margin-bottom:30px;}
	#notice .int {border:none;padding:10px;margin-left:0px;margin-right:0px; padding-bottom:30px;}
	#notice .title{margin-bottom:0px;}
	
	#notice .action{margin-right: auto;margin-left: auto;}	
	#noticediv{margin-bottom: 30px;margin-top: 30px;}
	#noticediv .box .int{padding: 20px; padding-top:30px; padding-bottom:30px}
	#noticediv .box p.pl{margin-bottom: 0px;padding-bottom: 4px;padding-top: 4px;}
	#noticediv .box p.pl span{margin-right: 20px;}
	
	#marks {height: 700px;}
	#marks .box {top: 100px;}
}
@media only screen  and (max-width: 400px)
{
	#focus {height: 280px;}
	#focus .bg{height:280px;}
	#focus .slide_1 .indiv{height: 280px;width:768px;}
	#focus .slide_1 .text{font-size:12px;}
	#focus .slide_1 h1{ font-size:16px; margin-bottom:6px;}
	#focus .slide_1 a.but{line-height: 28px;height: 28px;width:140px;}
	
	#focus .slide_2 .text{font-size:12px;}
	#focus .slide_2 h1{font-size: 26px; line-height:30px;}
	#focus .slide_2 h3{margin-bottom: 6px;}
	#focus .slide_2 a.but{line-height: 28px;height: 28px;width:110px;}
	
	#focus .slide_3 .indiv{height: 280px;width:768px;}
	#focus .slide_3 .int{top: 80px;font-size: 12px;}
	#focus .slide_3 h1{font-size:30px; height:36px; line-height:30px;}
	#focus .slide_3 h3{margin-bottom:6px;}
	#focus .slide_3 a.but{line-height: 28px;height: 28px;width: 140px;}	
	
	#focus .slide_0 .title{top: 12%;font-size:13px;}
	#focus .slide_0 .title h1{font-size: 26px; line-height:28px;}
	#focus .slide_0 .title h3{margin-bottom: 6px;}
	#focus .slide_0 a.but{line-height: 28px;height: 28px;width: 140px;}	
	#smokeCanvas{width: 240%;left: -70%;}
	
	#ring_1{width: 300px;height: 300px;left: 50px;top: 100px;}
	#ring_2{width: 200px;height: 200px;top: 50px;right: 100px;}
	.ring span{border:50px solid #FFF;}
	#ring_2.ring span{border: 30px solid #FFF;}	
		
	.banner {height: 320px;}
	.banner .text {top: 30px;}
	.banner .text p.shr {margin-top: 10px;margin-bottom: 10px;}
	.banner .text a.apply {margin-top:12px;	}	
	.ad {height: 250px;}
	#four .box {width:92%;padding-right:4%;padding-left:4%;}
	#about .hk {display: block; width:220%; left:-60%;}
	#about .box {padding-top: 10px;padding-bottom: 10px;}
	#about .box .int {padding: 10px; padding-bottom:20px;margin-left: 10px;margin-right:10px;}
	#about .box .int p {width: 100%;}	
	.proinfo {margin-bottom: 40px;padding-top: 10px;}	
	
	.ittxt2_1{margin-bottom: 10px;padding-top: 20px;}
	.ittxt2_1 img{max-width:50px;}
	.ittxt2_1 h1{margin-bottom:0px; font-size:17px;}
	
	#binfo .int {padding: 10px;}
	
	#noticediv .box .int{padding: 10px; padding-top:20px; padding-bottom:20px}
	
	#marks {height: 600px;}
	#marks .box {top: 80px;}
	#marks .box .text {padding: 5%;}
	#marks .box .text .head {height: 100px;width: 100px;}
	#marks .box .text h3 {margin-bottom:10px;}
	#marks .box .text .it span{margin-right: 3px;margin-left:3px;}
	#marks .box .text .it em{margin-left: 20px;}
}
@charset "utf-8";
*{margin: 0;padding: 0;}
html{height:100%;}
body{
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	/* font: 15px/1.50 "Helvetica Neue","微软雅黑", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; */
}
body.security
{
	background-image: url(../images/ssbg.jpg);
	background-position: center center;
	background-attachment: fixed;
}
body.world{background-color: #006cff;}
img{border:none;}
ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}
li{list-style:none;}
input{font-family: "Helvetica Neue","微软雅黑", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}

a:hover{color:#006cff;text-decoration: none;}
a:active{color:#006cff;text-decoration: none;}
.nomr{margin-right:0px !important;}
#header {
	position: relative;
	z-index: 9;
	width: 100%;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;
	box-shadow: rgba(0,0,0,0.2) 0px 2px 8px;
	background-color: #FFF;
}
#nav {
	height: 80px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	max-width:1200px;
	font-size: 14px;
	position: relative;
}
#nav .logo{
	float: left;
	height: 50px;
	padding-top: 15px;
}
#nav .it {
	height: 80px;
	padding-left:15px;
	padding-right:15px;
	line-height: 80px;
	text-align: center;
	position: relative;
	float:right;
}
#nav .it a.na {
	position: relative;
	height: 80px;
	width: 100%;
	z-index: 2;
	font-size: 16px;
	display:block;
	transition: color 0.8s;
	-moz-transition: color 0.8s;
	-webkit-transition: color 0.8s;
	-o-transition: color 0.8s;
}
#nav .it:hover a.na{color:#006cff;}
#nav .it.onpage a.na{color:#006cff;}
#nav .it em{
	height: 12px;
	line-height: 12px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFF;
	position: absolute;
	top: 18px;
	right: 10%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FF0000;
}
#nav .it .pop{
	position: absolute;
	width: 110%;
	top: 90%;
	left: -5%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0391ff;
	background-color:#FFF;
	display:none;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 2px 5px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 2px 5px;
	box-shadow: rgba(0,0,0,0.1) 0px 2px 5px;	
}
#nav .it .pop.big{
	width: 140%;
	left: -20%;
}
#nav .it:hover .pop{display:block;}
#nav .it .pop a{
	height: 50px;
	width: 100%;
	z-index: 2;
	font-size: 15px;
	display: block;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ecf0f1;
}
#nav .it .pop a:hover{
	background-color:#f5f9fa;
}
#nav .it .bg{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
#nav .it span {
	background-color: #0391ff;
	height: 50px;
	width: 1px;
	position: absolute;
	overflow: hidden;
}
#nav .it span.span_0{
	left: 50%;
	top: 120%;
	filter: alpha(Opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
}
#nav .it span.span_1{
	left: 70%;
	top: 180%;
	filter: alpha(Opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;	
}
#nav .it span.span_2{
	left: 40%;
	top: 140%;
	filter: alpha(Opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;	
}
#nav .it span.span_3{
	left: 30%;
	top: 170%;
	filter: alpha(Opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;	
}
#nav .it span.span_4{
	left: 45%;
	top: 160%;
	filter: alpha(Opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;	
}
#nav .it span.span_5{
	left: 65%;
	top: 155%;
	filter: alpha(Opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;	
}
#nav .it span.span_6{
	left: 35%;
	top: 175%;
	filter: alpha(Opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;	
}



#nav .language {float: right;height: 80px;position:relative;width:136px;}
#nav .language div {
	background-color: #03306d;
	line-height: 40px;
	height:40px;
	width: 94px;
	padding-right: 16px;
	padding-left: 16px;
	color: #f4f4f4;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 0px;
}
#nav .language a{color:#fff;}
#nav .language a:hover{color:#0096ff;}
#nav .language a.onthis{color:#0096ff;cursor:default}
#nav .language .alow{
	position: absolute;
	right: 14px;
	top: 16px;
}
#nav .language div p {line-height:28px;}

#nav .mbtn {
	position: absolute;
	width: 60px;
	top: 12px;
	right: 10px;
	cursor: pointer;
	height: 35px;
	z-index: 7;
	display:none;
}
#nav .mbtn span {
	background-color: #006cff;
	display: block;
	height: 7px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left:0px;
}
#nav .mbtn span.one{top:0px;}
#nav .mbtn span.one
{
	animation: myone 0.5s forwards;
	-moz-animation: myone 0.5s forwards;
	-webkit-animation: myone 0.5s forwards;
	-o-animation: myone 0.5s forwards;	
}
@keyframes myone
{
0%   {top:14px;transform: rotate(45deg);}
75%  {top:14px;transform: rotate(0deg);}
100% {top:0px;}
}
#nav .mbtn.onthis span.one
{
	animation: myoneonthis 0.5s forwards;
	-moz-animation: myoneonthis 0.5s forwards;
	-webkit-animation: myoneonthis 0.5s forwards;
	-o-animation: myoneonthis 0.5s forwards;	
}
@keyframes myoneonthis
{
0%   {top:0px;}
25%  {top:14px;transform: rotate(0deg);}
100% {top:14px;transform: rotate(45deg);}
}
#nav .mbtn span.two{top:14px;}
#nav .mbtn span.two
{
	animation: mytwo 0.5s forwards;
	-moz-animation: mytwo 0.5s forwards;
	-webkit-animation: mytwo 0.5s forwards;
	-o-animation: mytwo 0.5s forwards;	
}
@keyframes mytwo
{
0%   {height:0px;}
100% {height:7px;}
}
#nav .mbtn.onthis span.two
{
	animation: mytwoonthis 0.5s forwards;
	-moz-animation: mytwoonthis 0.5s forwards;
	-webkit-animation: mytwoonthis 0.5s forwards;
	-o-animation: mytwoonthis 0.5s forwards;	
}
@keyframes mytwoonthis
{
0%   {height:7px;}
100% {height:0px;}
}

#nav .mbtn span.three{top:28px;}
#nav .mbtn span.three
{
	animation: mythree 0.5s forwards;
	-moz-animation: mythree 0.5s forwards;
	-webkit-animation: mythree 0.5s forwards;
	-o-animation: mythree 0.5s forwards;	
}
@keyframes mythree
{
0%   {top:14px;transform: rotate(-45deg);}
75%  {top:14px;transform: rotate(0deg);}
100% {top:28px;}
}
#nav .mbtn.onthis span.three
{
	animation: mythreeonthis 0.5s forwards;
	-moz-animation: mythreeonthis 0.5s forwards;
	-webkit-animation: mythreeonthis 0.5s forwards;
	-o-animation: mythreeonthis 0.5s forwards;	
}
@keyframes mythreeonthis
{
0%   {top:28px;}
25%  {top:14px;transform: rotate(0deg);}
100% {top:14px;transform: rotate(-45deg);}
}



#fnav {
	background-color: #3d3c42;
	height: 80px;
	text-align: center;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#fnav a {
	font-size: 16px;
	line-height: 80px;
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	color:#b8bcbf;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}
#fnav a:hover{color:#fff;}
#footer {
	background-color: #323237;
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 10px;
	color: #888;
	line-height: 24px;
}
#footer a:link{color:#ccc;text-decoration:none;}
#footer a:visited{color:#ccc;text-decoration:none;}
#footer a:hover{color:#fff;text-decoration: none;}
#footer a:active{color:#fff;text-decoration: none;}

#footer .int
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1200px;
}
#footer .box
{
	width:22%;
	min-width:180px;
	margin-bottom:20px;
	display:inline-block;
	line-height:18px;
}
#footer .qiao {
	border: 10px solid #222;
	width: 130px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	display:block
}
#footer .hint
{
	width: 300px;
	line-height: 40px;
	height: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #000;
	margin-right: auto;
	margin-left: auto;
}
#footer .hint span
{
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #323237;
}
#customer {
	width: 52px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 11;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
}
#customer a {
	height: 50px;
	width: 50px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #e1e1e1;
	border-right-color: #e1e1e1;
	border-left-color: #e1e1e1;
	display: block;
	position: relative;
	line-height: 50px;
	text-align: center;
	color: #999;
	background-color:#FFF;
	background-color:#f6f6f6;
}
#customer a img {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#customer a:hover img {display:none;}
#customer a.top
{
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity:0;
	display:none;
}


#menu {
	background-color: #006cff;
	height: 0%;
	width: 0%;
	overflow: hidden;
	position: fixed;
	z-index: 12;
	left: -100%;
	top: 50%;
	-webkit-box-shadow: rgba(0,0,0,0.6) 0px 2px 20px;
	-moz-box-shadow: rgba(0,0,0,0.6) 0px 2px 20px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 20px;
	text-align: center;
	font-size: 17px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #006cff;
	background-image: url(../images/menubg.jpg);
	background-repeat: no-repeat;
	background-position: 100px 100px;
}
#menu .int{
	padding: 20px;
	padding-bottom: 0px;
	min-height: 400px;
}
#menu p {line-height:40px;height:0px;overflow:hidden;padding-top:40px;}
#menu p a{
	color: #FFF;
	line-height: 40px;
	display: inline-block;
	position: relative;
	height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
}
#menu p a span{
	overflow: hidden;
	position: absolute;
	height: 2px;
	width: 0%;
	left: 0px;
	bottom: 4px;
	background-color: #FFF;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;	
}
#menu .close {
	position: absolute;
	z-index: 9;
	top: 5px;
	right: 10px;
	cursor:pointer;
}
#menu .language
{
	text-align:center;
	padding-top:20px;
}
#menu .language a
{
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #efefef;
	color: #999;
	height: 0px;
	width: 0px;
	margin-left: 30px;
	margin-right: 30px;
	display: inline-block;
	font-size: 12px;
	line-height: 50px;
	overflow: hidden;
	position: relative;	
}
#menu .language a.onthis{background-color:#ff9e21;color:#fff;}


.dialog {
	position: fixed;
	height: 0%;
	width: 0%;
	left: 0px;
	top: 0px;
	z-index: 9;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	overflow: hidden;
	color: #333;
}
.dialog .bg {
	background-color: #000;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index:1;
}
.dialog .com
{
	min-height: 200px;
	max-width: 400px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: #000 0px 1px 5px;
	-moz-box-shadow: #000 0px 1px 5px;
	box-shadow: #000 0px 1px 5px;
	width: 100%;
}
.dialog .title {
	height: 40px;
	padding-left: 20px;
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	position: relative;
}
.dialog .content {
	padding: 14px 20px 20px 20px;
	text-align: left;
	position: relative;
}
#prompt.dialog .content{text-align:center;}
.dialog span.close {
	background-image: url(../images/close.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 12px;
	right: 12px;
	cursor:pointer;
}
.dialog span.close:hover{background-position: -16px 0px;}

@media only screen and (max-width: 1000px)
{
	body{font-size: 12px;}	
	#nav {height: 60px;}
	#nav .logo{height:40px;width:50%;padding-top:5px;margin-left:10px;}
	#nav .logo img{width:141px;height:50px;}
	#nav .it { display:none;}
	#nav .language{display:none}
	#nav .mbtn{display:block}

	#customer {width: 42px;right: 10px;bottom: 20px;}
	#customer a {height: 40px;width: 40px;line-height: 40px;}
	
	#fnav {height:auto; padding-top:10px; padding-bottom:10px}
	#fnav a {font-size: 14px;line-height: 40px;margin-right: 0px;margin-left: 0px;width:25%;float:left;}
	
	#footer .box.msite{display:none}
	
	#ader {margin-top: 0px;}
	#ader img{width:110%; left:-5%;}
	#bader img{width: 120%;left:-10%;}
}
@media only screen and (max-width: 800px)
{
	#fnav a {width:33.3332%;}
	.dialog .title {padding-left: 15px;}
	.dialog .content {padding: 10px 15px 15px 15px;}
	#report.dialog .com{margin-top:0px;}
}
@media only screen and (max-width: 600px)
{
	#fnav a {width:50%;}
}
@media only screen and (max-width: 400px)
{
	.dialog .title {padding-left: 10px;}
	.dialog .content {padding: 5px 10px 10px 10px;}
}
.acget {
	text-align: center;
	padding: 50px;
	color: #fff;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: rgb(0,0,0,0.1) 0px 1px 5px;
	-moz-box-shadow: rgb(0,0,0,0.1) 0px 1px 5px;
	box-shadow: rgb(0,0,0,0.1) 0px 1px 5px;	
}
.acget img {
	margin-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}



#webpage {
	text-align: center;
	max-width: 1200px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	margin-bottom:30px;
}
#webpage a {
	height: 36px;
	width: 36px;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 36px;
	margin-bottom:10px;
	display: inline-block;
	font-size: 15px;
	border: 1px solid #dfdfdf;
	background-color:#fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	position:relative;
	z-index:1;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#webpage a:hover {
	border: 1px solid #006cff;
	background-color:#9cc6ff;
	color:#08548f;
	z-index:2;
}
#webpage a.onthis {
	border: 1px solid #006cff;
	background-color:#006cff;
	color:#fff;
	cursor:default;
}
#webpage .int {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}


/*反馈对话框*/
#feedback {
	overflow: hidden;
	position: fixed;
	z-index: 9;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=00);
	-moz-opacity:0;
	opacity:0;
	display:none;
}
#feedback .bg {
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
}
#feedback .com {
	z-index: 2;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 100px;
}
#feedback .com .bg {
	background-color: #000;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
	-moz-border-radius:12px;
	border-radius:12px;	
}
#feedback .com .txt {
	z-index: 2;
	width: 100%;
	padding: 4%;
	position: relative;
	color: #FFF;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	font-size:15px;
}
#feedback .icon {
	height: 60px;
	width: 60px;
	background-image: url(../images/feedback.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	margin-bottom:10px;
}
#feedback.success .icon {background-position: 0px 0px;}
#feedback.fail .icon {background-position: -60px 0px;}
/*反馈对话框*/


#upad4_ad {
	position: relative;
	width: 100%;
	background-color: #0551be;
}
#upad4_ad img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:922px;
}
#notice .swiper-slide {height: 300px;padding-top:0px;}



.radiobox{
	background-color: #f6f6f6;
	padding: 5px;
	height: 30px;
	width: 120px;
	border: 1px solid #ddd;
	position: relative;
	margin-right: 10px;
	margin-bottom:5px;
	text-align: center;
	line-height: 28px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
}
.radiobox p{line-height:30px !important;}
.radiobox.red
{
	border: 1px solid #ff0000;
	background-color: #ffd5d4;
	background-image: url(../images/selected-icon-red.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #333;
}
.radiobox.disabled
{
	filter: alpha(Opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
.radiobox input{display:none;}
.checkbox {
	background-color: #f6f6f6;
	padding: 5px;
	height: 30px;
	width: 120px;
	border: 1px solid #ddd;
	position: relative;
	margin-right: 10px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 28px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
}
.checkbox p{line-height:30px;}
.checkbox.green
{
	border: 1px solid #00c856;
	background-color: #e9ffce;
	background-image: url(../images/selected-icon.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color:#333;
}
.checkbox input{display:none;}