@charset "utf-8";
/* --reset-- */
body,div,span,img,h1,h2,h3,ul,li,dl,dd,p,i,b,a {margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei'; }
i,ul,li{font-style:normal;list-style:none;}
img{border:0;display:inline-block;vertical-align:middle;}
a{color:#333;text-decoration:none;-webkit-transition: all 0.35s;transition: all 0.35s;}
@font-face{font-family:FuturaLT;src:url("../fonts/FuturaLT.otf");}

@font-face{font-family:wurairun;src:url("../fonts/wurairun.ttf");}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;}
::-webkit-scrollbar-thumb{border-radius:6px;background:#1a4e84;}
.ts035{-webkit-transition: all 0.35s;transition: all 0.35s;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.picc{position:relative;overflow:hidden;}
.picc img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:all 

0.5s;transition:all 0.5s;position:relative;z-index:3;}
.picc:hover img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.pic:hover .picEnlarge:before{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);}
.pic:hover .picEnlarge i{opacity:1;bottom:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);}

/* --public-- */
.publicBox{width:82%;margin:auto;position:relative;}
.f36{height:56px;font-size:36px;line-height:56px;overflow:hidden;}
.f48{height:56px;font-size:30px;line-height:56px;overflow:hidden;}

.index_margin_top{ margin-top:300px;}

/* --button-- */

.more2{width:132px;max-width:132px;height:46px;border:1px solid #ddd;border-radius:23px;display:block;position:relative;overflow:hidden;}
.more2 b{font-size:15px;font-weight:normal;line-height:44px;position:absolute;left:16px;top:0;z-index:10;}
.more2 i{width:30px;height:30px;text-align:center;position:absolute;right:8px;top:8px;border-radius:18px;
background-image:url("../images/arrow.png");background-repeat:no-repeat;background-position:right 10px center;}
.more2:hover{background:#004da0;}
.more2:hover b{left:32px;color:#FFF;}
.more2:hover i{width:calc(100% - 16px);background-position:right 30px center;}

/* --menu-- */
.menu{position:fixed;left:10px;top:50%;margin-top:-160px;z-index:700;opacity:0;background:url(../images/menu_bg.png) repeat-y left 5px top;}
.menu a{width:90px;height:20px;margin:20px 0;display:block;overflow:hidden;}
.menu a i{width:20px;height:20px;float:left;opacity:0.8}
.menu a span{font-size:15px;color:#bbb;line-height:20px;margin-left:5px;float:left;}
.menu a.active i{background:url(../images/menu.png) no-repeat center;}
.menu a.active span{color:#000;}
.menu.active{
	-webkit-animation:moveInLeft 0.6s ease-in-out;
	animation:moveInLeft 0.6s ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.menu.on{background:url(../images/menu_bg2.png) repeat-y left 5px top;}
.menu.on a.active i{background:url(../images/menu2.png) no-repeat center;}
.menu.on a.active span{color:#eee;}

/* --header-- */


/* --����-- */
@-webkit-keyframes imgScale {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}
@keyframes imgScale {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}

@keyframes moveInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes moveInLeftSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInLeftSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInRightSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInRightSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInDownSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInDownSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInUpSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInUpSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes moveInFade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes moveInFade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes moveInBlow{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes moveInBlow{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@keyframes loopCir{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes loopCir{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}


@keyframes circlespread{
	0% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
}
@-webkit-keyframes circlespread{
	0% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
}
@keyframes circlepulse{
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3);
		opacity: 0;
	}
}
@-webkit-keyframes circlepulse{
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3);
		opacity: 0;
	}
}


@keyframes dot1{
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0px);
	}
}
@-webkit-keyframes dot1{
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(0px);
	}
}
@keyframes dot2{
	0% {
    	transform: translateX(0px);
	}
	50% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0px);
	}
}
@-webkit-keyframes dot2{
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0px);
	}
}

@media screen and (max-width: 1600px) {.publicBox{width:84%;}
	.f48{height:48px;font-size:30px;line-height:48px;}}
@media screen and (max-width: 1280px) {.publicBox{width:88%;}
	.menu{display:none;}
	.f48{height:38px;font-size:30px;line-height:38px;}}
@media screen and (max-width: 960px) {body{}
	.publicBox{width:92%;}
	.f48{height:28px;font-size:20px;line-height:28px;}
	
	.more2{width:42%;height:42px;}
	.more2 b{font-size:14px;line-height:40px;}
	.more2 i{right:5px;top:5px;}}