.trans {
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.trans2 {
	-webkit-transition:all .4s cubic-bezier(1,0,0,1);
	-o-transition:all .4s cubic-bezier(1,0,0,1);
	transition:all .4s cubic-bezier(1,0,0,1)
}
.trans-md {
	-webkit-transition:all .8s;
	-o-transition:all .8s;
	transition:all .8s
}
.trans-md2 {
	-webkit-transition:all .8s cubic-bezier(1,0,0,1);
	-o-transition:all .8s cubic-bezier(1,0,0,1);
	transition:all .8s cubic-bezier(1,0,0,1)
}
.container {
	margin-right:auto;
	margin-left:auto;
	width:98%
}

button {
	position:relative;
	display:inline-block;
	padding:0;
	vertical-align:middle;
	white-space:nowrap;
	background:0 0;
	border:none;
	border-radius:0;
	text-shadow:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
button,button.active,button:active {
	outline:0;
	background-image:none
}
button.active.focus,button.active:focus,button.focus,button:active.focus,button:active:focus,button:focus {
	outline:0
}
button.disabled,button[disabled],fieldset[disabled] button {
	opacity:.5;
	-webkit-box-shadow:none!important;
	box-shadow:none!important
}
.btn {
	position:relative;
	display:inline-block;
	padding:0 20px;
	text-align:center;
	line-height:50px;
	letter-spacing:1px;
	-webkit-font-smoothing:auto;
	-moz-osx-font-smoothing:auto;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
	text-transform:uppercase
}
.btn-brand {
	background:#583afa;
	color:#fff
}
.btn-brand:hover {
	background:#fff
}
.btn-brand:hover,.btn-brand:hover:before {
	color:#583afa
}
.flex-centerbox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.full {
	width:100%;
	height:100%;
	overflow:hidden
}
.fullw {
	width:100%
}
.fullh {
	height:100%
}
.fullvh {
	height:100vh
}
.p-v-sm {
	padding-top:30px;
	padding-bottom:30px
}
.menu_btn {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:90px;
	height:100px;
	line-height:100px;
	white-space:nowrap;
	color:#ffffff;
	overflow:hidden;
	margin-left: 10px;
}
.menu_btn span,.menu_btn span:after,.menu_btn span:before {
	width:20px;
	height:2px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.menu_btn span {
	position:relative;background: #ffffff;
}
.menu_btn span:after,.menu_btn span:before {
	content:"";
	position:absolute;
	background:#ffffff;
	left:0
}
.menu_btn span:before {
	top:-6px;
	width:20px
}
.menu_btn span:after {
	top:6px;
	width:14px
}
.gtco-nav.fix_top .menu_btn span{background: #000000;}
.gtco-nav.fix_top .menu_btn:hover span{background:transparent;}
.gtco-nav.fix_top .menu_btn span:after, .gtco-nav.fix_top .menu_btn span:before{background: #000000;}
/*.gtco-nav.fix_top #qtranslate-chooser li a{-webkit-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms;}*/

.gtco-nav.fix_top .menu_btn,.gtco-nav.fix_top #qtranslate-chooser{height:80px; line-height:80px;-webkit-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms;}

.nav-open .gtco-nav.fix_top .menu_btn span{background: transparent;}
.nav-open .gtco-nav.fix_top .menu_btn:hover span{background:transparent;}
.nav-open .gtco-nav.fix_top .menu_btn span:after,  .nav-open .gtco-nav.fix_top .menu_btn span:before{background: #fff;}
.nav-open .gtco-nav.fix_top #qtranslate-chooser li a{color:#999;}


.menu_btn:hover span,.nav-open .menu_btn span {
	width:20px;background: transparent;
}
.menu_btn:hover span:after,.menu_btn:hover span:before,.nav-open .menu_btn span:after,.nav-open .menu_btn span:before {
	width:20px
}
.menu_btn:hover span:before,.nav-open .menu_btn span:before {
	-webkit-transform:translateY(6px) rotate(-45deg);
	-ms-transform:translateY(6px) rotate(-45deg);
	transform:translateY(6px) rotate(-45deg)
}
.menu_btn:hover span:after,.nav-open .menu_btn span:after {
	-webkit-transform:translateY(-6px) rotate(45deg);
	-ms-transform:translateY(-6px) rotate(45deg);
	transform:translateY(-6px) rotate(45deg)
}
.nav-open .menu_btn span:after,.nav-open .menu_btn span:before {
	background:#ffffff
}
.menu_btn:hover span {
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	background: transparent;
}
.nav-open .menu_btn:hover span {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

.nav-header {
	position:fixed;
	top:0;
	right:0;
	z-index:103
}
.nav-header .bg {
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	visibility:hidden
}
.nav-header .btns {
	position:fixed;
	top:0;
	left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	z-index:10;
}
.nav-open .nav-header .bg {
	background:rgba(0,0,0,.3);
	visibility:visible
}
.nav-open .nav-header .nav-bg {
	-webkit-transform:translate(50%,-50%) scale(1);
	-ms-transform:translate(50%,-50%) scale(1);
	transform:translate(50%,-50%) scale(1)
}
#topnav {
	position:fixed;
	top:0;
	right:0;
	pointer-events:none;
	-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;
	transition:all .8s cubic-bezier(.77,0,.175,1) 0s
}
#topnav .main {
	position:absolute;
	top:0;
	left:0;
	width:22%;
	height:100%;
	background: rgba(60,153,143,0.85);
	pointer-events:auto;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	z-index:1;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;
	transition:all .8s cubic-bezier(.77,0,.175,1) 0s;
}
#topnav ul {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	display:inline-block; vertical-align:middle;
}
#topnav .main:before{content:'';display:inline-block; vertical-align:middle; height:100%;}

#topnav ul li {position: relative;text-align: center; padding:25px 0;}
#topnav ul li b{font-weight: lighter;color: #c0c0c0; letter-spacing:0.12em; padding-top: 10px; display: inline-block;}
#topnav ul>li>a{color: #ffffff;font-size:32px;display: block;margin:0 4px; letter-spacing:0.12em;font-family: "Microsoft Yahei Light","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}
#topnav ul>li>a:hover{margin:0 0px;}
#topnav ul a b,.word2 span,.char5 ,.char6,.char7,.char8,.char9,.char10,.char11{color: rgba(255,255,255,0.2);font-weight: normal;font-size: 13px;}

#topnav ul li i.underline{position: absolute;bottom: -1px;transform: translate(0, 0);height: 1px;width: 0px;background-color: #444;transition: all 0.3s ease 0s;}
#topnav ul li:hover i.underline {width: 100%;}

#topnav ul a b{padding-left: 10px;}
.nav-open #topnav .main,.nav-open #topnav .main nav {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.nav-open {
	/*overflow:hidden*/
}
.nav-open #qtranslate-chooser {
	color:#583afa
}

@-webkit-keyframes mk_spt {
	0% {
	-webkit-transform:translate3d(50%,0,0);
	transform:translate3d(50%,0,0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes mk_spt {
	0% {
	-webkit-transform:translate3d(50%,0,0);
	transform:translate3d(50%,0,0);
	opacity:0
}
100% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}/*.cssanimations .anim_emt {
	visibility:hidden
}
.cssanimations .anim_emt.visb {
	visibility:visible
}*/
.anim_split,.split {
	text-rendering:optimizeSpeed;
	visibility:hidden
}
.anim_split.visb,.split.visb {
	visibility:visible
}
.anim_split .spt,.split .spt {
	visibility:hidden;
	text-transform:none
}
.anim_split .spt.start,.split .spt.start {
	-webkit-animation:mk_spt 1.2s cubic-bezier(.165,.84,.44,1);
	animation:mk_spt 1.2s cubic-bezier(.165,.84,.44,1);
	visibility:visible
}
.anim_split.uppercase .spt,.split.uppercase .spt,.uppercase .anim_split .spt,.uppercase .split .spt {
	text-transform:uppercase
}
.palx_img {
	overflow:hidden
}
.anim_emt.start.scale_up {
	-webkit-animation:mk_scale .8s;
	animation:mk_scale .8s
}
.anim_emt.start.fade_in {
	-webkit-animation:mk_fade .8s;
	animation:mk_fade .8s
}
.anim_emt.start.r_to_l {
	-webkit-animation:mk_right_to_left .8s;
	animation:mk_right_to_left .8s
}
.anim_emt.start.l_to_r {
	-webkit-animation:mk_left_to_right .8s;
	animation:mk_left_to_right .8s
}
.anim_emt.start.t_to_b {
	-webkit-animation:mk_top_to_bottom .8s;
	animation:mk_top_to_bottom .8s
}
.anim_emt.start.b_to_t {
	-webkit-animation:mk_bottom_to_top .8s;
	animation:mk_bottom_to_top .8s
}



@media screen and (max-width:1366px) {
#topnav ul>li>a{font-size: 28px;}
#topnav ul li b{font-size: 14px;}
.copyright{font-size:14px;}
}


@media screen and (max-width:1024px) {
#topnav ul>li>a{font-size: 26px;}
#topnav ul li b{font-size: 14px;}
.copyright{font-size:14px;}

.brand li img{width:100%!important; height:auto!important;}
	
.menu_btn, .gtco-nav.fix_top #qtranslate-chooser,.gtco-nav .menu_btn, .gtco-nav #qtranslate-chooser{height: 90px;line-height: 72px;transition: all 0.2s;}
.gtco-nav.fix_top .menu_btn{height:72px!important;transition: all 0.2s;}
.fix_top .search,.gtco-nav .search{margin-top: 15px; -webkit-transition: all ease-in-out 0ms;transition: all ease-in-out 0ms;}
.menu_btn,#qtranslate-chooser{width: 60px;-webkit-transition: all ease-in-out 0ms;transition: all ease-in-out 0ms;}

.fix_top{height:72px!important;}
.fix_top #gtco-logo,.gtco-nav  #gtco-logo{height: 30px!important;background-size: 100%!important;width: 103px!important;position: fixed;right: 0;margin-right:30px;}

#topnav .main{width:30%;}
	
}


@media screen and (max-width:780px){
.gtco-nav.fix_top .menu_btn, .gtco-nav.fix_top #qtranslate-chooser,.gtco-nav .menu_btn, .gtco-nav #qtranslate-chooser{height: 90px;line-height: 90px;transition: all 0.2s;}
.menu_btn,#qtranslate-chooser{width: 60px;transition: all 0.2s;}
.fix_top #gtco-logo,.gtco-nav  #gtco-logo{height: 30px!important;background-size: 100%!important;width: 103px!important;position: fixed;right: 0;margin-right:30px;}
#topnav .main{width: 50%;}
}

@media screen and (max-width:640px){
#gtco-logo{top: 26px;transition: all 0.2s;}
.fix_top #gtco-logo{top: 10px;transition: all 0.2s;}
#gtco-logo{margin-left: -65px;top: 40px;}
#gtco-logo a{width:130px; height:55px; background-position:top center;}
.gtco-nav.fix_top .menu_btn, .gtco-nav.fix_top #qtranslate-chooser,.gtco-nav .menu_btn, .gtco-nav #qtranslate-chooser{height: 80px;line-height:80px;transition: all 0.2s;}
.fix_top #gtco-logo,.gtco-nav  #gtco-logo{height: 25px!important;background-size: 100%!important;width:86px!important;position: fixed;right: 0;margin-right:30px;}
	
#topnav ul a{font-size: 16px;line-height: 38px;}
.copyright a{font-size:14px!important; display:block;}
#topnav ul li.icon1,#topnav ul li.icon2,#topnav ul li.icon3,#topnav ul li.icon4,#topnav ul li.icon5,#topnav ul li.icon6,#topnav ul li.icon7,#topnav ul li.icon1:hover,#topnav ul li.icon2:hover,#topnav ul li.icon3:hover,#topnav ul li.icon4:hover,#topnav ul li.icon5:hover,#topnav ul li.icon6:hover,#topnav ul li.icon7:hover{background-size: 20px;}
#topnav .main{width: 85%;}
#topnav ul li{padding:15px 0;}
#topnav ul>li>a{font-size: 20px;}
#topnav ul li b{font-size: 12px;padding-top: 0px;letter-spacing:0;}

}

/*分享按钮*/
.copyright{margin-top: 30px; text-align:center; color:#ffffff; letter-spacing:1px;}