@charset "utf-8";
	.reset-box-sizing,.reset-box-sizing *,.reset-box-sizing *:before,.reset-box-sizing *:after {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.pages {
	margin: 30px  0;
	text-align: center;
	font-size: 0;
}
.pages a {
	display: inline-block;
	font-size: 14px;
	line-height: 35px;
	padding: 0 14px;
	margin: 5px;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.pages a:hover, .pages a.active {
	background-color: #dd0000;
	color: #fff;
}

.pages a {
	font-size: 12px;
	line-height: 30px;
	padding: 0 12px;
}
.paginations p{
                margin:0;
                cursor:pointer
            }
            .paginations{
                height:40px;text-align:center;
              
				
            }
            .paginations a{
                display:inline-block;
                margin-right:10px;
               
                height:30px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:30px;
            }
            .paginations a:hover{
                color:#36497b;
                background: white;
                border:1px #36497b solid;
            }
            .paginations a.cur{
                border:none;
                background:#36497b;
                color:#fff;
            }
            .paginations p{
                display:inline-block;
                padding:2px 12px;
                font-size:12px;
                height:24px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
            }
            .paginations p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .paginations p.pageRemark b{
                color:red;
            }
            .paginations p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}


html {
	font-size:16px !important;
}
body {
	line-height:1.625;
	font-size:1rem;
	font-family:'Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif;
	width:100%;
	overflow-x:hidden
}
img {
	border:0;
	vertical-align:bottom
}
a,a:visited,a:hover,a:focus,a:active {
	text-decoration:none;
	outline:none
}
:focus,:active {
	outline:0
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal
}
p {
	line-height:inherit
}
label {
	font-weight:inherit
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	*font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	outline:0
}
textarea {
	resize:vertical
}
ol.reset,ul.reset,li.reset {
	margin:0;
	padding:0;
	list-style:none
}
section,article,aside,footer,header,nav,main {
	display:block
}
.container {
	max-width:1300px;
	margin:0 auto
}
.p-pager {
	display:block;
	font-size:0;
	margin:40px 0 0;
	text-align:center
}
.p-pager .pagination>li {
	display:inline-block;
	vertical-align:top;
	margin:0 5px
}
.p-pager .prev,.p-pager .next {
	position:relative;
	width:32px;
	height:32px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #d2d2d2;
	border-radius:0 !important
}
.p-pager .prev:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:4px 6px 4px 0;
	left:50%;
	top:50%;
	margin:-4px 0 0 -3px;
	border-color:transparent #696969 transparent transparent;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.p-pager .next:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:4px 0 4px 6px;
	left:50%;
	top:50%;
	margin:-4px 0 0 -3px;
	border-color:transparent transparent transparent #696969;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.p-pager .prev:hover:after {
	border-color:transparent #1854a5 transparent transparent
}
.p-pager .next:hover:after {
	border-color:transparent transparent transparent #1854a5
}
.p-pager .box {
	display:inline-block;
	vertical-align:top
}
.p-pager .num>a {
	display:inline-block;
	vertical-align:top;
	width:32px;
	height:32px;
	border:1px solid #d2d2d2;
	color:#696969;
	text-align:center;
	line-height:32px;
	font-size:.938rem;
	padding:0;
	font-family:Arial;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.p-pager .num>a:hover,.p-pager .num.active>a {
	border:1px solid #e62129;
	color:#fff;
	background:#e62129
}
@media (max-width:480px) {
	.p-pager {
	margin:40px 0 0
}
}.page-banner {
	position:relative;
	width:100%;
	overflow:hidden
}
.page-banner .img {
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
.page-banner .txt {
	position:absolute;
	text-align:center;
	left:50%;
	top:50%;
	width:90%;
	margin-top:30px;
	opacity:0;
	transform:translate(-50%,50%);
	-ms-transform:translate(-50%,50%);
	-moz-transform:translate(-50%,50%);
	-webkit-transform:translate(-50%,50%);
	text-shadow:1px 1px 2px rgba(0,0,0,.2);
	line-height:1.5;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	-o-transition:all .8s ease-in-out;
	-ms-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out
}
.page-banner.open .txt {
	opacity:1;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%)
}
.page-banner .txt p {
	color:#fff;
	font-size:3.75rem;
	margin:0 0 5px
}
.page-banner .txt i {
	font-style:normal;
	color:#fff;
	font-size:1.25rem
}
@media (max-width:991px) {
	.page-banner .img {
	height:400px
}
.page-banner .txt {
	margin-top:0
}
.page-banner .txt p {
	font-size:3.125rem;
	margin:0 0 5px
}
.page-banner .txt i {
	font-size:1.125rem
}
}@media (max-width:767px) {
	.page-banner .img {
	height:300px
}
.page-banner .txt p {
	font-size:2.188rem;
	margin:0 0 5px;
	line-height:1.125
}
.page-banner .txt i {
	font-size:1rem
}
}.page-main-wrap {
	position:relative;
	background:#fff;
	padding:60px 0;

}
.page-main-wrap:before {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	height:121px;
	background:url(/images/page_banner_mask.png)no-repeat center top;
	top:-120px;
	left:0
}
.page-main-wrap .container {
	z-index:2;
	position:relative
}
@media (max-width:991px) {
	.page-main-wrap:before {
	background-size:100%
}
.page-main-wrap {
	padding:0 0 60px
}
}@media (max-width:767px) {
	.page-main-wrap {
	padding:50px 0
}
.page-main-wrap:before {
	height:80px;
	top:-79px;
	background:url(/images/page_banner_mask_s.png)no-repeat center top;
	background-size:100%
}
}@media (max-width:640px) {
	.page-main-wrap {
	padding:20px 0 50px
}
}@media (max-width:480px) {
	.page-main-wrap {
	padding:0 0 50px
}
}.page-ti {
	font-size:2.125rem;
	color:#222;
	margin:0 0 40px;
	text-align:center
}
.page-ti span {
	color:#1854a5
}
@media (max-width:767px) {
	.page-ti {
	font-size:1.875rem;
	margin:0 0 30px
}
}.share-box {
	position:relative;
	font-size:0
}
.share-box:before {
	content:'SHARE：';
	display:inline-block;
	vertical-align:top;
	font-size:.875rem;
	color:#999;
	font-family:Arial;
	margin:8px 0 0
}
.share-box>a {
	display:inline-block;
	vertical-align:top;
	width:35px;
	height:35px;
	border-radius:100%;
	background:0 0;
	margin:0 5px
}
.share-box>a.facebook {
	background:url(/images/share.png)no-repeat 0 0 #3b5998;
	background-size:140px auto
}
.share-box>a.google {
	background:url(/images/share.png)no-repeat -35px 0 #dd4b39;
	background-size:140px auto
}
.share-box>a.line {
	background:url(/images/share.png)no-repeat -70px 0 #00c300;
	background-size:140px auto
}
.share-box>a.twitter {
	background:url(/images/share.png)no-repeat -105px 0 #1da1f2;
	background-size:140px auto
}
.share-box>a:hover {
	margin-top:-2px
}
.left-nav {
	display:inline-block;
	vertical-align:top;
	width:220px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.left-nav .l-ti {
	font-size:1.875rem;
	margin:0 0 20px
}
.left-nav .m-first>li {
	display:block
}
.left-nav .m-first>li>a {
	padding:8px 10px 8px 15px;
	font-size:1rem;
	display:block;
	color:#333;
	position:relative;
	border-bottom:1px solid #eee;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.left-nav .m-first>li.current >a,.left-nav .m-first>li:hover >a {
	border-bottom:1px solid #c91811
}
.left-nav .m-first>li>a:before {
	content:'';
	position:absolute;
	width:3px;
	height:15px;
	background:#1854a5;
	left:0;
	top:12.5px
}
.left-nav .m-second {
	display:none
}
.left-nav .m-first>li.current .m-second {
	display:block
}
.left-nav .m-second>li {
	border-bottom:1px solid #fff
}
.left-nav .m-second>li:last-child {
	border-bottom:none
}
.left-nav .m-second>li>a {
	display:block;
	padding:5px 10px 5px 15px;
	color:#333;
	font-size:1rem;
	background:#f5f5f5;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.left-nav .m-second>li:hover>a,.left-nav .m-second>li.current>a {
	color:#fff;
	background:#c91811
}
.left-nav .m-third {
	display:none;
	padding:4px 0
}
.left-nav .m-second>li.current .m-third {
	display:block
}
.left-nav .m-third>li>a {
	display:block;
	padding:4px 10px 4px 15px;
	font-size:.875rem;
	color:#999;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.left-nav .m-third>li:hover>a,.left-nav .m-third>li.current>a {
	color:#1854a5
}
.open-menu-btn,.left-nav .close-btn {
	display:none
}
@media (min-width:992px) {
	.left-nav {
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
.left-nav.open {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
}@media (max-width:991px) {
	.left-nav {
	position:fixed;
	left:-100%;
	top:63px;
	background:#fff;
	height:calc(100vh - 63px);
	z-index:10;
	width:250px;
	padding:20px 15px;
	overflow-y:auto;
	box-shadow:0 0 5px 1px rgba(0,0,0,.2);
	-webkit-transition:all .3s ease-in-out !important;
	-moz-transition:all .3s ease-in-out !important;
	-o-transition:all .3s ease-in-out !important;
	-ms-transition:all .3s ease-in-out !important;
	transition:all .3s ease-in-out !important
}
.left-nav.open-block {
	left:0
}
.open-menu-btn {
	font-size:.938rem;
	text-align:center;
	color:#fff;
	width:38px;
	padding:10px 0;
	background:#c91811;
	position:fixed;
	left:0;
	top:50%;
	z-index:20;
	display:block;
	opacity:1;
	pointer-events:auto;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.open-menu-btn:hover {
	color:#fff
}
.open-menu-btn.open {
	opacity:0;
	pointer-events:none
}
.left-nav .close-btn {
	display:block;
	width:32px;
	height:32px;
	border:1px solid #c91811;
	position:absolute;
	right:10px;
	top:10px
}
.left-nav .close-btn:before {
	content:'';
	position:absolute;
	width:18px;
	height:2px;
	background:#c91811;
	left:50%;
	top:50%;
	margin:-1px 0 0 -9px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg)
}
.left-nav .close-btn:after {
	content:'';
	position:absolute;
	width:18px;
	height:2px;
	background:#c91811;
	left:50%;
	top:50%;
	margin:-1px 0 0 -9px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg)
}
}.right-main {
	display:inline-block;
	vertical-align:top;
	width:80%;
	padding-left:30px;
	opacity:0;
	-webkit-transition:-webkit-transform 1s ease-in-out,opacity 1s ease-in-out;
	-moz-transition:-moz-transform 1s ease-in-out,opacity 1s ease-in-out;
	-o-transition:-o-transform 1s ease-in-out,opacity 1s ease-in-out;
	-ms-transition:-ms-transform 1s ease-in-out,opacity 1s ease-in-out;
	transition:transform 1s ease-in-out,opacity 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
.right-main.open {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
@media (max-width:991px) {
	.right-main {
	display:block;
	width:100%;
	padding:0;
	transform:translateY(100px);
	-ms-transform:translateY(100px);
	-moz-transform:translateY(100px);
	-webkit-transform:translateY(100px)
}
}@media (max-width:820px) {
	.right-main {
	display:block;
	width:100%;
	padding:0 0 0 30px
}
}#follow-nav {
	position:fixed;
	left:5%;
	z-index:100;
	font-size:0;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%)
}
#follow-nav>li {
	position:relative;
	display:block;
	margin:10px 0
}
#follow-nav>li>a {
	position:relative;
	width:20px;
	height:20px;
	display:block
}
#follow-nav>li>a:before {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	display:block;
	left:50%;
	top:50%;
	border-radius:100%;
	background:#a1a1a1;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#follow-nav>li.current>a:before {
	width:8px;
	height:8px;
	background:#1854a5
}
#follow-nav>li>a>span {
	position:absolute;
	padding:6px 20px;
	background:#1854a5;
	color:#fff;
	font-size:.813rem;
	text-align:center;
	white-space:nowrap;
	left:30px;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#follow-nav>li>a>span:before {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 8px 5px 0;
	border-color:transparent #1854a5 transparent transparent;
	left:-8px;
	top:50%;
	margin-top:-5px
}
#follow-nav>li.current>a>span {
	opacity:1
}
@media (max-width:767px) {
	#follow-nav {
	display:none
}
}.text-edit {
	font-size:1rem;
	color:#333
}
.text-edit:after {
	content:'';
	display:table
}
.text-edit:after {
	clear:both
}
.text-edit * {
	max-width:100%
}
.text-edit img {
	height:auto !important;
	max-width:100%
}
label.radio {
	display:inline-block;
	position:relative;
	font-size:.938rem;
	color:#333;
	padding-left:24px;
	margin:0 10px 0 0;
	cursor:pointer;
	vertical-align:top
}
label.radio:last-child {
	margin:0
}
label.radio input {
	display:none
}
label.radio input +span {
	display:block;
	position:absolute;
	width:18px;
	height:18px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:100%;
	top:2px;
	left:0
}
label.radio input:checked +span:after {
	content:'';
	display:block;
	position:absolute;
	width:10px;
	height:10px;
	background:#1854a5;
	border-radius:100%;
	top:3px;
	left:3px
}
label.radio span.txt {
	font-size:.938rem;
	display:inline-block;
	vertical-align:top;
	color:#333;
	font-weight:normal
}
.no-data {
	margin:100px auto;
	padding:40px 0;
	max-width:300px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:1.125rem;
	text-align:center;
	color:#555
}
@media (max-width:767px) {
	.no-data {
	margin:50px auto;
	color:#666
}
}.finish-box {
	margin:50px auto 0;
	padding:30px 0;
	max-width:300px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:1.125rem;
	text-align:center;
	line-height:2;
	color:#555
}
.back-home {
	width:160px;
	height:40px;
	display:block;
	margin:30px auto 100px;
	background:#1854a5;
	text-align:center;
	color:#fff;
	font-size:.938rem;
	line-height:40px;
	padding:0;
	border:none;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.back-home:hover {
	background:#c61c15;
	color:#fff
}
.scroll-top {
	position:fixed;
	right:50px;
	bottom:100px;
	width:44px;
	height:44px;
	border-radius:100%;
	background:rgba(225,11,0,.8);
	font-size:0;
	z-index:50;
	font-size:.75rem;
	color:#fff;
	text-align:center;
	padding:11px 0 0
}
.scroll-top:before {
	content:'';
	position:absolute;
	width:12px;
	height:1px;
	background:rgba(255,255,255,.5);
	left:50%;
	bottom:12px;
	margin-left:-6px
}
.scroll-top:hover {
	background:rgba(225,11,0,.95);
	color:#fff
}
@media (max-width:991px) {
	.scroll-top {
	right:3%;
	bottom:60px
}
}.header {
	position:fixed;
	z-index:1000;
	width:1300px;
	height:83px;
	border-top:3px solid #1854a5;
	background:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.15);
	top:50px;
	left:50%;
	padding:0 25px;
	transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
.header .logo {
	float:left;
	width:371px;
	height:50px;
	margin:15px 0
}
.header .logo a {
	display:block;
	height:50px;
	font-size:0;
	background:url('/images/header_logo.png') no-repeat;
	background-size:cover
}
.header .lang-inner {
	display:none;
	float:right;
	position:relative;
	margin:23px 0 23px 5px
}
.header.scroll-view .lang-inner {
	display:block
}
.header .lang-inner .lang-current {
	line-height:34px;
	font-size:1rem;
	color:#1854a5;
	padding:0 30px 0 10px;
	cursor:pointer
}
.header .lang-inner.active .lang-current {
	color:#fff;
	background:#1854a5
}
.header .lang-inner .lang-current:before {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 5px 0 5px;
	border-color:#1854a5 transparent transparent transparent;
	top:12px;
	right:10px
}
.header .lang-inner.active .lang-current:before {
	border-top-color:#fff
}
.header .lang-inner .lang-select {
	display:none;
	position:absolute;
	min-width:100%;
	border:1px solid #1854a5;
	background:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.1);
	top:100%;
	right:0
}
.header .lang-inner.active .lang-select {
	display:inline-block
}
.header .lang-inner .lang-select li a {
	display:block;
	line-height:26px;
	font-size:.9375rem;
	color:#333;
	padding:4px 20px;
	text-align:center;
	white-space:nowrap
}
.header .lang-inner .lang-select li a:hover {
	color:#1854a5
}
.header .search {
	float:right;
	position:relative;
	width:34px;
	height:34px;
	margin:23px 10px 23px 20px
}
.header .search:before {
	content:'';
	display:block;
	position:absolute;
	width:1px;
	height:24px;
	background:#ddd;
	top:5px;
	left:-21px
}
.header .search .switch {
	display:block;
	position:relative;
	width:34px;
	height:34px;
	font-size:0
}
.header .search .switch:before,.header .search .switch:after {
	content:'';
	display:block;
	position:absolute;
	width:34px;
	height:34px;
	background:url('/images/header_search.png') no-repeat;
	background-size:34px 68px;
	top:0;
	left:0;
	transition:opacity .3s;
	-moz-transition:opacity .3s;
	-webkit-transition:opacity .3s
}
.header.on-search .search .switch:before {
	opacity:0
}
.header .search .switch:after {
	background-position:0 -34px;
	opacity:0
}
.header.on-search .search .switch:after {
	opacity:1
}
.header .search .search-box {
	position:absolute;
	width:160px;
	height:34px;
	top:-20px;
	right:85px;
	opacity:0;
	transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transition:opacity .3s,top .3s,transform 0 .3s;
	-moz-transition:opacity .3s,top .3s,transform 0 .3s;
	-webkit-transition:opacity .3s,top .3s,transform 0 .3s
}
.header.on-search .search .search-box {
	top:0;
	opacity:1;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transition:opacity .3s,top .3s,transform 0;
	-moz-transition:opacity .3s,top .3s,transform 0;
	-webkit-transition:opacity .3s,top .3s,transform 0
}
.header .search .search-box .field {
	display:block;
	width:100%;
	height:34px;
	font-size:1rem;
	border:1px solid #1854a5;
	padding:0 32px 0 8px
}
.header .search .search-box .submit {
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	font-size:0;
	border:none;
	background:rgba(255,255,255,0);
	top:1px;
	right:1px
}
.header .search .search-box .submit:before {
	content:'GO';
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	line-height:32px;
	font-size:.8125rem;
	color:#1854a5;
	text-align:center;
	top:0;
	left:0
}
.header .nav-menu {
	float:right;
	top:0;
	margin-right:15px;
	opacity:1;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transition:opacity .3s,top .3s,transform 0;
	-moz-transition:opacity .3s,top .3s,transform 0;
	-webkit-transition:opacity .3s,top .3s,transform 0
}
.header .menu-main {
	font-size:0
}
.header .menu-main >li {
	display:inline-block;
	position:relative;
	vertical-align:top
}
.header .menu-main >li >a {
	display:block;
	position:relative;
	line-height:80px;
	font-size:1rem;
	color:#333;
	padding:0 15px;
	transition:color .3s;
	-moz-transition:color .3s;
	-webkit-transition:color .3s
}
.header .menu-main >li:hover >a,.header .menu-main >li.current >a {
	color:#1854a5
}
.header .menu-main >li >a:before {
	content:'';
	display:block;
	position:absolute;
	width:calc(100% - 30px);
	height:3px;
	background:#1854a5;
	left:15px;
	bottom:0;
	opacity:0;
	transform:scaleX(0);
	-moz-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	transition:opacity .3s,transform .3s;
	-moz-transition:opacity .3s,transform .3s;
	-webkit-transition:opacity .3s,transform .3s
}
.header .menu-main >li:hover >a:before,.header .menu-main >li.current >a:before {
	opacity:1;
	transform:scaleX(1);
	-moz-transform:scaleX(1);
	-webkit-transform:scaleX(1)
}
.header .menu-sub {
	display:inline-block;
	position:absolute;
	min-width:100%;
	vertical-align:top;
	background:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.25);
	opacity:0;
	top:calc(100% + 40px);
	left:50%;
	transform:scale(0) translateX(-50%);
	-moz-transform:scale(0) translateX(-50%);
	-webkit-transform:scale(0) translateX(-50%);
	transition:opacity .3s,top .3s,transform 0 .3s;
	-moz-transition:opacity .3s,top .3s,transform 0 .3s;
	-webkit-transition:opacity .3s,top .3s,transform 0 .3s
}
.header .menu-main >li:hover >.menu-sub {
	opacity:1;
	top:100%;
	transform:scale(1) translateX(-50%);
	-moz-transform:scale(1) translateX(-50%);
	-webkit-transform:scale(1) translateX(-50%);
	transition:opacity .3s,top .3s,transform 0;
	-moz-transition:opacity .3s,top .3s,transform 0;
	-webkit-transition:opacity .3s,top .3s,transform 0
}
.header .menu-sub >li >a {
	display:block;
	line-height:26px;
	font-size:.9375rem;
	color:#333;
	padding:7px 20px;
	text-align:center;
	white-space:nowrap
}
.header .menu-sub >li >a:hover {
	color:#1854a5
}
.header .menu-products {
	position:absolute;
	z-index:999;
	width:694px;
	background:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.25),0 1px 3px 2px rgba(0,0,0,.1) inset;
	top:80px;
	left:30px;
	padding:15px 0 20px;
	opacity:0;
	transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transition:opacity .3s,left .3s,transform 0 .3s;
	-moz-transition:opacity .3s,left .3s,transform 0 .3s;
	-webkit-transition:opacity .3s,left .3s,transform 0 .3s
}
.header .menu-main >li:hover >.menu-products {
	left:-10px;
	opacity:1;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transition:opacity .3s,left .3s,transform 0;
	-moz-transition:opacity .3s,left .3s,transform 0;
	-webkit-transition:opacity .3s,left .3s,transform 0
}
.header .menu-products >div {
	display:table;
	width:100%;
	min-height:400px
}
.header .menu-products-wrapper {
	display:table-cell;
	width:33%;
	border-right:1px solid #ddd;
	vertical-align:top
}
.header .menu-products-main >li >a {
	display:block;
	line-height:24px;
	font-size:.875rem;
	color:#333;
	padding:7px 25px
}
.header .menu-products-main >li >a:hover,.header .menu-products-main >li.active >a {
	color:#fff;
	background:#1854a5
}
.header .menu-products-sub-wrapper {
	display:table-cell;
	position:relative;
	width:33%;
	vertical-align:top;
	padding-top:4px
}
.header .menu-products-sub-wrapper .list {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.header .menu-products-sub-wrapper .menu-products-sub >li {
	padding-bottom:10px;
	position:relative
}
.header .menu-products-sub-wrapper .menu-products-sub >li >a {
	display:block;
	line-height:24px;
	font-size:.875rem;
	color:#666;
	padding:3px 25px
}
.header .menu-products-sub-wrapper .menu-products-sub >li >a:hover {
	color:#1854a5
}
.header .menu-products-sub-wrapper .menu-products-grand >li >a {
	display:block;
	line-height:24px;
	font-size:.875rem;
	color:#999;
	padding:3px 25px 3px 40px;
	position:relative
}
.header .menu-products-sub-wrapper .menu-products-grand >li >a:before {
	content:'-';
	position:absolute;
	left:25px;
	top:1px;
	font-size:1rem
}
.header .menu-products-sub-wrapper .menu-products-grand >li >a:hover {
	color:#333
}
.header .menu-products-info {
	display:table-cell;
	position:relative;
	width:34%;
	border-left:1px solid #ddd;
	text-align:center;
	vertical-align:top;
	padding:10px 30px
}
.header .menu-products-info .board {
	transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0)
}
.header .menu-products-info .board.view {
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1)
}
.header .menu-products-info .pic {
	display:block
}
.header .menu-products-info .name {
	line-height:26px;
	font-size:1rem;
	color:#333;
	margin:25px 0 0
}
.header .menu-products-info .summary {
	line-height:26px;
	font-size:.875rem;
	color:#666;
	margin:5px 0 0
}
.header .menu-products-info .more {
	display:inline-block;
	position:relative;
	line-height:30px;
	font-size:.875rem;
	color:#1854a5;
	background:#fff;
	vertical-align:top;
	margin-top:10px;
	padding:0 25px 0 10px
}
.header .menu-products-info .more:hover {
	color:#fff;
	background:#1854a5
}
.header .menu-products-info .more:before {
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-top:1px solid #1854a5;
	border-right:1px solid #1854a5;
	top:12px;
	right:10px;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg)
}
.header .menu-products-info .more:hover:before {
	border-top-color:#fff;
	border-right-color:#fff
}
.header .lang-outer {
	position:absolute;
	width:100%;
	padding:0 20px;
	top:-40px;
	left:0
}
.header.scroll-view .lang-outer {
	display:none
}
.header .lang-outer .lang-select {
	font-size:0;
	text-align:right
}
.header .lang-outer .lang-select li {
	display:inline-block;
	position:relative;
	padding:0 10px
}
.header .lang-outer .lang-select li +li {
	margin-left:4px
}
.header .lang-outer .lang-select li +li:before {
	content:'';
	display:block;
	position:absolute;
	width:4px;
	height:4px;
	background:#666;
	border-radius:100%;
	top:15px;
	left:-4px
}
.header .lang-outer .lang-select li a {
	display:block;
	line-height:34px;
	font-size:.8125rem;
	color:#999
}
.header .lang-outer .lang-select li a:hover {
	color:#fff
}
.header .nav-switch {
	display:none
}
@media (max-width:1366px) {
	.header {
	width:1000px;
	padding:0 15px
}
.header .search {
	margin:23px 5px 23px 10px
}
.header .search:before {
	left:-11px
}
.header .search .search-box {
	right:65px
}
.header .nav-menu {
	margin-right:10px
}
.header .menu-main >li >a {
	padding:0 10px
}
.header .menu-products {
	width:604px
}
.header .lang-outer {
	padding:0 5px
}
}@media (min-width:1025px) {
	.header {
	transition:width .3s,top .3s,left .3s,transform .3s;
	-moz-transition:width .3s,top .3s,left .3s,transform .3s;
	-webkit-transition:width .3s,top .3s,left .3s,transform .3s
}
.header.scroll-view {
	width:100%;
	top:0;
	left:0;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
.header.on-search .nav-menu {
	opacity:0;
	top:20px;
	transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transition:opacity .3s,top .3s,transform 0 .3s;
	-moz-transition:opacity .3s,top .3s,transform 0 .3s;
	-webkit-transition:opacity .3s,top .3s,transform 0 .3s
}
.nav-mask {
	display:none !important
}
}@media (max-width:1024px) {
	.header {
	width:100%;
	height:63px;
	padding:0 5px;
	top:0;
	left:0;
	transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0);
	transition:left .5s;
	-moz-transition:left .5s;
	-webkit-transition:left .5s
}
.header.on-nav {
	left:-200px
}
.header .logo {
	width:160px;
	height:40px;
	margin:10px 0
}
.header .logo a {
	height:40px
}
.header .nav-switch {
	display:block;
	position:relative;
	float:right;
	width:34px;
	height:34px;
	margin:13px 10px 13px 5px;
	transition:transform .3s;
	-moz-transition:transform .3s;
	-webkit-transition:transform .3s
}
.header .nav-switch i {
	display:block;
	position:absolute;
	width:22px;
	height:2px;
	background:#777;
	top:50%;
	left:50%;
	margin-left:-11px;
	margin-top:-1px;
	transition:transform .3s;
	-moz-transition:transform .3s;
	-webkit-transition:transform .3s
}
.header .nav-switch i:nth-child(1) {
	margin-top:-8px
}
.header .nav-switch i:nth-child(4) {
	margin-top:6px
}
.header .nav-switch i:nth-child(3) {
	opacity:0
}
.header.on-nav .nav-switch i:nth-child(1),.header.on-nav .nav-switch i:nth-child(4) {
	opacity:0
}
.header.on-nav .nav-switch i:nth-child(3) {
	opacity:1;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg)
}
.header.on-nav .nav-switch i:nth-child(2) {
	opacity:1;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg)
}
.header .lang-inner {
	display:block;
	margin:13px 5px 13px 0
}
.header .lang-inner .lang-current {
	line-height:32px;
	border:1px solid #1854a5
}
.header .search {
	margin:13px 0
}
.header .search:before {
	display:none
}
.header .search .search-box {
	position:fixed;
	width:100%;
	height:50px;
	background:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.2),0 1px 3px 2px rgba(0,0,0,.1) inset;
	top:0;
	right:0;
	padding:8px;
	opacity:0;
	transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transition:opacity .3s,top .3s,transform 0 .3s;
	-moz-transition:opacity .3s,top .3s,transform 0 .3s;
	-webkit-transition:opacity .3s,top .3s,transform 0 .3s
}
.header.on-search .search .search-box {
	top:60px;
	right:0;
	transition:opacity .3s,top .3s,transform 0;
	-moz-transition:opacity .3s,top .3s,transform 0;
	-webkit-transition:opacity .3s,top .3s,transform 0
}
.header .search .search-box .submit {
	top:9px;
	right:9px
}
.header .lang-outer {
	display:none
}
.header .search:before {
	left:-11px
}
.header .nav-menu {
	position:fixed;
	width:200px;
	height:100vh;
	border-top:3px solid #1854a5;
	background:#fff;
	top:-3px;
	right:-200px;
	margin:0;
	padding-bottom:40px;
	overflow-y:auto;
	transition:box-shadow .5s;
	-moz-transition:box-shadow .5s;
	-webkit-transition:box-shadow .5s
}
.header.on-nav .nav-menu {
	box-shadow:0 0 5px rgba(0,0,0,.2)
}
.header .menu-main >li {
	display:block;
	border-bottom:1px solid #e2e2e2
}
.header .menu-main >li >a {
	line-height:40px;
	text-align:center
}
.header .menu-main >li >a:before {
	display:none
}
.header .menu-sub {
	display:none;
	position:relative;
	min-width:initial;
	background:#f4f4f4;
	box-shadow:none;
	top:auto;
	left:auto;
	margin:0 10px 10px;
	opacity:1;
	transform:none;
	-moz-transform:none;
	-webkit-transform:none
}
.header .xs-hidden {
	display:none
}
.header .menu-main >li:hover >.menu-sub {
	display:none;
	opacity:1;
	top:auto;
	transform:none;
	-moz-transform:none;
	-webkit-transform:none
}
.header .menu-main >li.mb-open >.menu-sub {
	display:block
}
.header .menu-sub >li >a:hover {
	color:#fff;
	background:#1854a5
}
.header .menu-products {
	display:none;
	position:relative;
	width:auto;
	background:#f4f4f4;
	box-shadow:none;
	top:auto;
	left:auto;
	margin:0 10px 10px;
	padding:0;
	opacity:1;
	transform:none;
	-moz-transform:none;
	-webkit-transform:none
}
.header .menu-main >li:hover >.menu-products {
	display:none;
	left:auto;
	transform:none;
	-moz-transform:none;
	-webkit-transform:none
}
.header .menu-main >li.mb-open >.menu-products {
	display:block
}
.header .menu-products >div {
	display:block;
	min-height:initial
}
.header .menu-products-wrapper {
	display:block;
	width:100%;
	border-right:none
}
.header .menu-products-sub-wrapper,.header .menu-products-info {
	display:none
}
.header .menu-products-main >li >a {
	line-height:26px;
	font-size:.9375rem;
	padding:7px 20px;
	text-align:center
}
.header .menu-products-sub {
	display:none;
	background:#e8e8e8
}
.header .menu-products-main >li.mb-open >.menu-products-sub {
	display:block
}
.header .menu-products-sub >li.mb-open {
	background:#aaa
}
.header .menu-products-sub >li >a {
	display:block;
	line-height:24px;
	font-size:.875rem;
	color:#333;
	padding:5px 20px;
	text-align:center
}
.header .menu-products-sub >li.mb-open >a {
	color:#fff
}
.header .menu-products-grand {
	display:none;
	padding:5px
}
.header .menu-products-sub >li.mb-open >.menu-products-grand {
	display:block
}
.header .menu-products-grand >li >a {
	display:block;
	line-height:24px;
	font-size:.875rem;
	color:#333;
	background:#fff;
	padding:5px 20px;
	text-align:center
}
.header .menu-products-grand >li >a:hover {
	color:#1854a5
}
}@media (max-width:480px) {
	.header .logo {
	width:250px;
	height:34px;
	margin:13px 0
}
.header .logo a {
	height:34px
}
.header .lang-inner .lang-current {
	padding:0 20px 0 5px
}
.header .lang-inner .lang-current:before {
	right:5px
}
.header .nav-switch {
	margin-left:0;
	margin-right:5px
}
}#g-footer {
	background:#222;
	position:relative
}
#g-footer .grid {
	padding:40px 15px 30px;
color: #fff;
}
#g-footer .grid .f-logo {
	display:inline-block;
	vertical-align:middle;
	width:25%
}
#g-footer .grid .f-logo img {
	display:block;
	margin:0 auto;
	max-width:170px;
	width:70%
}
#g-footer .grid .contact-info {
	display:inline-block;
	vertical-align:middle;
	width:35%;
	border-left:1px solid rgba(253,252,251,.15);
	border-right:1px solid rgba(253,252,251,.15);
	padding:2px 0
}
#g-footer .grid .contact-info .box {
	margin:0 auto;
	width:82%;
	line-height:22px
}
#g-footer .grid .contact-info .m-ti {
	color:#fff;
	font-size:.875rem;
	font-family:Arial;
	margin:0 0 5px
}
#g-footer .grid .contact-info .list {
	display:inline-block;
	vertical-align:top;
	margin:0 15px 0 0;
	color:#ddd;
	font-size:.875rem
}
#g-footer .grid .contact-info .list>a {
	color:#ddd;
	font-size:.875rem
}
#g-footer .grid .newsletter {
	display:inline-block;
	vertical-align:middle;
	width:40%;
	padding:2px 0;
	height:75px
}
#g-footer .grid .newsletter .box {
	margin:0 auto;
	width:82%
}
#g-footer .grid .newsletter .m-ti {
	color:#fff;
	font-size:.875rem;
	margin:0 0 5px
}
#g-footer .grid .newsletter .m-ti span {
	font-family:Arial;
	margin:0 10px 0 0
}
#g-footer .grid .newsletter .letter-form .enter-box {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 100px)
}
#g-footer .grid .newsletter .letter-form .enter-box input {
	display:block;
	width:100%;
	background:#fff;
	height:36px;
	padding:0 10px;
	font-size:.813rem
}
#g-footer .grid .newsletter .letter-form button {
	display:inline-block;
	vertical-align:top;
	width:100px;
	height:36px;
	background:#000;
	text-align:center;
	line-height:36px;
	font-size:.813rem;
	color:#fff;
	border:none;
	padding:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#g-footer .grid .newsletter .letter-form button:hover {
	background:#101010
}
#g-footer .copyright {
	background:#000;
	text-align:center;
	color:#999;
	font-size:.875rem;
	padding:13px 0
}
#g-footer .copyright .items {
	color:#999;
	display:inline-block;
	vertical-align:top;
	position:relative;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#g-footer .copyright .items:hover {
	text-decoration:underline;
	color:#777
}
#g-footer .copyright .items:after {
	content:'';
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:1px;
	height:15px;
	background:#333;
	margin:5px 15px 0
}
#g-footer .copyright .grnet {
	color:#ccc;
	display:inline-block;
	vertical-align:top;
	margin-left:15px
}
#g-footer .copyright .grnet>a {
	color:#ccc;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#g-footer .copyright .grnet>a:hover {
	color:#444
}
@media (max-width:991px) {
	#g-footer .grid .contact-info .box,#g-footer .grid .newsletter .box {
	width:90%
}
#g-footer .grid .f-logo {
	width:20%
}
#g-footer .grid .newsletter {
	width:45%
}
#g-footer .grid .contact-info .list {
	margin:0
}
}@media (max-width:767px) {
	#g-footer .grid .f-logo {
	width:100%;
	margin:0 0 30px
}
#g-footer .grid .contact-info,#g-footer .grid .newsletter {
	width:50%
}
#g-footer .grid .contact-info {
	border-left:none
}
#g-footer .grid .contact-info .list {
	margin:0 10px 0 0
}
}@media (max-width:640px) {
	#g-footer .grid {
	padding:30px 15px 20px
}
#g-footer .grid .f-logo {
	margin:0 0 25px
}
#g-footer .grid .newsletter,#g-footer .grid .contact-info {
	width:100%
}
#g-footer .grid .newsletter .box,#g-footer .grid .contact-info .box {
	width:100%
}
#g-footer .grid .contact-info {
	border-right:none;
	border-bottom:1px solid rgba(253,252,251,.15);
	padding:0 0 20px;
	margin:0 0 20px
}
#g-footer .grid .contact-info .list:last-of-type {
	display:block;
	margin:0
}
}#index .bansner {
	position:relative;
	width:100%;
	height:calc(100vh + 100px)
}
#index .bansner .box {
	position:relative;
	width:100%;
	height:calc(100vh + 100px);
	display:block;
	overflow:hidden
}
#index .bansner .box>a {
	position:relative;
	display:block;
	width:100%;
	height:100%
}
#index .bansner .box>a img {
	height:calc(100vh + 100px);
	min-width:100%;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#index .bansner .box>a .txt {
	position:absolute;
	text-align:center;
	left:50%;
	top:50%;
	width:90%;
	margin-top:-30px;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	text-shadow:1px 1px 2px rgba(0,0,0,.2);
	line-height:1.5;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#index .bansner.open .box>a .txt {
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	opacity:1
}
#index .bansner .box>a .txt span {
	color:#1854a5;
	font-size:1.625rem;
	font-weight:bold
}
#index .bansner .box>a .txt p {
	color:#fff;
	font-size:3.75rem
}
#index .bansner .box>a .txt i {
	font-style:normal;
	color:#fff;
	font-size:1.25rem
}
#index .bansner .slick-dots {
	margin:0;
	padding:0;
	width:100%;
	position:absolute;
	left:0;
	top:50%;
	margin-top:100px;
	font-size:0;
	text-align:center;
	list-style-type:none
}
#index .bansner .slick-dots>li {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0 4px
}
#index .bansner .slick-dots>li>button {
	display:block;
	padding:0;
	width:12px;
	height:12px;
	border-radius:100%;
	border:none;
	background:#fff
}
#index .bansner .slick-dots>li.slick-active>button {
	background:#1854a5
}
#index .bansner .scroll-down {
	width:32px;
	height:52px;
	border:2px solid #ff332a;
	background-color:rgba(0,0,0,0.2);
	border-radius:16px;
	position:absolute;
	bottom:150px;
	z-index:15;
	left:50%;
	margin-left:-16px;
	animation-duration:1.2s;
	animation-name:scrollDown;
	animation-iteration-count:infinite
}
#index .bansner .scroll-down:before {
	content:'';
	display:block;
	width:6px;
	height:10px;
	margin:10px auto 0;
	background-color:#ff332a;
	position:relative;
	top:0;
	border-radius:3px
}
@keyframes scrollDown {
	0{bottom:150px
}
50% {
	bottom:140px
}
100% {
	bottom:150px
}
}@-moz-keyframes scrollDown {
	0{bottom:150px
}
50% {
	bottom:140px
}
100% {
	bottom:150px
}
}@-webkit-keyframes scrollDown {
	0{bottom:150px
}
50% {
	bottom:140px
}
100% {
	bottom:150px
}
}@media (max-width:991px) {
	#index .bansner .box>a .txt {
	margin-top:-30px
}
#index .bansner .box>a .txt span {
	font-size:1.5rem
}
#index .bansner .box>a .txt p {
	font-size:3.125rem
}
#index .bansner .box>a .txt i {
	font-size:1.125rem
}
#index .bansner .slick-dots {
	margin-top:100px
}
}@media (max-width:767px) {
	#index .bansner,#index .bansner .box,#index .bansner .box>a img {
	height:calc(100vh + 80px)
}
#index .bansner .box>a .txt span {
	font-size:1.25rem
}
#index .bansner .box>a .txt p {
	font-size:2.188rem;
	margin:5px 0 10px;
	line-height:1.25
}
#index .bansner .box>a .txt i {
	font-size:1rem
}
}@media (max-width:400px) {
	@keyframes scrollDown {
	0{bottom:130px
}
50% {
	bottom:120px
}
100% {
	bottom:130px
}
}@-moz-keyframes scrollDown {
	0{bottom:130px
}
50% {
	bottom:120px
}
100% {
	bottom:130px
}
}@-webkit-keyframes scrollDown {
	0{bottom:130px
}
50% {
	bottom:120px
}
100% {
	bottom:130px
}
}}#index .s-ti {
	font-size:2.125rem;
	color:#222;
	margin:0 0 30px
}
#index .s-ti span {
	color:#1854a5
}
@media (max-width:767px) {
	#index .s-ti {
	font-size:1.875rem;
	margin:0 0 20px
}
}#index .sec-1 {
	position:relative;
	z-index:10;
	font-size:0;
	position:relative;
	padding:80px 0 180px
}
#index .sec-1:before {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	top:-120px;
	left:0;
	height:500px;
	background:url(/images/view_banner_mask.png) no-repeat center top;
	z-index:0
}
#index .sec-1:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(/images/view_banner_mask_bottom.png)no-repeat center bottom;
	z-index:1
}
#index .sec-1 .container {
	position:relative;
	z-index:5
}
#index .sec-1 .pic {
	width:45%;
	display:inline-block;
	vertical-align:middle;
	opacity:0;
	transform:translateX(50%);
	-ms-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-webkit-transform:translateX(50%);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#index .sec-1.open .pic {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#index .sec-1 .txt {
	width:55%;
	padding:0 0 0 60px;
	display:inline-block;
	vertical-align:middle;
	opacity:0;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#index .sec-1.open .txt {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#index .sec-1 .txt p {
	font-size:1rem;
	line-height:2;
	margin:0
}
#index .sec-1 .pic2 {
	right:-100px;
	top:-50px;
	position:absolute;
	z-index:4;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#index .sec-1.open .pic2 {
	opacity:1;
	right:0
}
@media (max-width:1500px) {
	#index .sec-1 .pic2 {
	width:200px
}
}@media (max-width:1199px) {
	#index .sec-1 .pic2 {
	width:180px
}
}@media (max-width:991px) {
	#index .sec-1 {
	padding:20px 0 120px
}
#index .sec-1:before {
	background-size:100%
}
#index .sec-1 .pic {
	width:40%;
	vertical-align:top
}
#index .sec-1 .txt {
	width:60%;
	padding:0 0 0 40px;
	vertical-align:top
}
#index .sec-1 .pic2 {
	display:none !important
}
}@media (max-width:767px) {
	#index .sec-1 {
	padding:0 0 120px
}
#index .sec-1:before {
	top:-79px;
	height:300px;
	background:url(/images/view_banner_mask.png) no-repeat center top;
	background-size:100% auto
}
#index .sec-1 .pic {
	width:100%;
	display:block;
	margin:0 0 30px
}
#index .sec-1 .txt {
	width:100%;
	padding:0;
	display:block
}
#index .sec-1 .pic2 {
	display:none !important
}
}#index .sec-2 {
	padding:60px 0
}
#index .sec-2 .s-ti {
	text-align:center
}
#index .sec-2 .news-slick {
	margin:0 -12px;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
#index .sec-2.open .news-slick {
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	opacity:1
}
#index .sec-2 .news-slick .box {
	padding:0 12px
}
#index .sec-2 .news-slick .box>a {
	position:relative;
	display:block
}
#index .sec-2 .news-slick .box .pic {
	overflow:hidden
}
#index .sec-2 .news-slick .box .pic img {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-2 .news-slick .box>a:hover .pic img {
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2)
}
#index .sec-2 .news-slick .box .txt {
	position:absolute;
	width:calc(50% - 40px);
	height:calc(100% - 40px);
	right:20px;
	top:20px;
	background:rgba(255,255,255,.95);
	padding:20px 20px 40px 20px
}
#index .sec-2 .news-slick .box .txt .date {
	font-size:.875rem;
	color:#666;
	margin:0;
	font-family:Arial
}
#index .sec-2 .news-slick .box .txt .ti {
	color:#222;
	font-size:1.5rem;
	margin:5px 0 0;
	line-height:1.5;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-2 .news-slick .box>a:hover .txt .ti {
	color:#1854a5
}
#index .sec-2 .news-slick .box .txt .more {
	font-family:Arial;
	font-size:.875rem;
	color:#1854a5;
	position:absolute;
	bottom:20px;
	left:20px
}
#index .sec-2 .news-slick .box .txt .more:after {
	content:'';
	margin:9px 0 0 6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:5px;
	height:5px;
	border-top:1px solid #1854a5;
	border-right:1px solid #1854a5;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-2 .news-slick .box >a:hover .txt .more:after {
	margin:9px 0 0 8px
}
#index .sec-2 .news-slick .slick-arrow {
	width:40px;
	height:40px;
	font-size:0;
	padding:0;
	background:rgba(0,0,0,0);
	border:none;
	border-top:2px solid #666;
	border-right:2px solid #666;
	position:absolute;
	top:50%;
	margin-top:-50px
}
#index .sec-2 .news-slick .slick-prev {
	transform:rotate(225deg);
	-ms-transform:rotate(225deg);
	-webkit-transform:rotate(225deg);
	-moz-transform:rotate(225deg);
	left:-45px
}
#index .sec-2 .news-slick .slick-next {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	right:-45px
}
#index .sec-2 .news-slick .slick-dots {
	margin:40px 0 0;
	padding:0;
	width:100%;
	position:relative;
	font-size:0;
	text-align:center;
	list-style-type:none
}
#index .sec-2 .news-slick .slick-dots>li {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0 4px
}
#index .sec-2 .news-slick .slick-dots>li>button {
	display:block;
	padding:0;
	width:12px;
	height:12px;
	border-radius:100%;
	border:none;
	background:#cdcdcd
}
#index .sec-2 .news-slick .slick-dots>li.slick-active>button {
	background:#1854a5
}
@media (max-width:1199px) {
	#index .sec-2 .news-slick .box .txt .ti {
	font-size:1.125rem
}
#index .sec-2 .news-slick .slick-arrow {
	width:30px;
	height:30px;
	margin-top:-42px
}
#index .sec-2 .news-slick .slick-prev {
	left:-25px
}
#index .sec-2 .news-slick .slick-next {
	right:-25px
}
}@media (max-width:991px) {
	#index .sec-2 .news-slick .box .txt {
	position:relative;
	width:100%;
	height:auto;
	right:auto;
	top:auto;
	padding:15px;
	border:1px solid #eee;
	background:#f5f5f5;
	border-top:none
}
#index .sec-2 .news-slick .box .txt .more {
	position:relative;
	left:auto;
	bottom:auto;
	margin:10px 0 0
}
}@media (max-width:767px) {
	#index .sec-2 {
	padding:30px 0 50px
}
}#index .sec-3 {
	padding:60px 0;
	border-top:1px solid #eee
}
#index .sec-3 .s-ti {
	text-align:center;
	margin:0 0 50px
}
#index .sec-3 .list-box {
	font-size:0;
	margin:0 -10px;
	position:relative;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
#index .sec-3.open .list-box {
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	opacity:1
}
#index .sec-3 .list-box .items {
	display:inline-block;
	vertical-align:top;
	width:25%;
	padding:0 10px;
	margin:0 0 20px
}
#index .sec-3 .list-box .items>a {
	display:block;
	position:relative;
	max-width:310px;
	margin:0 auto
}
#index .sec-3 .list-box .items .pic {
	overflow:hidden;
	position:relative
}
#index .sec-3 .list-box .items .pic img {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-3 .list-box .items>a:hover .pic img {
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2)
}
#index .sec-3 .list-box .items .pic:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	left:0;
	top:0;
	z-index:1;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-3 .list-box .items>a:hover .pic:before {
	opacity:1
}
#index .sec-3 .list-box .items .ti {
	position:absolute;
	font-size:1rem;
	color:#000;
	padding:5px 15px;
	bottom:0;
	width:100%;
	left:0;

	z-index:2
}
#index .sec-3 .list-box .items .ti:before {
	content:'';
	position:absolute;
	width:25px;
	height:1px;
	background:#fff;
	top:-5px;
	left:15px
}
#index .sec-3 .more {
	display:block;
	width:160px;
	height:45px;
	text-align:center;
	margin:25px auto 0;
	border:1px solid #e5bfbf;
	color:#1854a5;
	font-size:.875rem;
	line-height:45px;
	font-family:Arial;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-3 .more:hover {
	color:#fff;
	background:#1854a5;
	border:1px solid #1854a5
}
#index .sec-3 #infscr-loading {
	position:absolute;
	z-index:100;
	width:140px;
	color:#fff;
	background:#000;
	border-radius:10px;
	opacity:.5;
	text-align:center;
	left:50%;
	bottom:0;
	margin-left:-70px;
	padding:10px;
	font-size:1rem;
	z-index:100
}
@media (max-width:991px) {
	#index .sec-3 .list-box {
	max-width:660px;
	margin:0 auto
}
#index .sec-3 .list-box .items {
	width:50%
}
}@media (max-width:767px) {
	#index .sec-3 {
	padding:50px 0
}
}@media (max-width:640px) {
	#index .sec-3 .s-ti {
	margin:0 0 30px
}
#index .sec-3 .list-box {
	margin:0 -5px
}
#index .sec-3 .list-box .items {
	padding:0 5px;
	margin:0 0 10px
}
}#index .sec-4 {
	background:url(/images/i_contact_bg.jpg)no-repeat center center;
	background-size:cover;
	padding:30px 0;
	font-size:0
}
#index .sec-4 .pic {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateX(50%);
	-ms-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-webkit-transform:translateX(50%)
}
#index .sec-4 .txt {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#index .sec-4.open .pic,#index .sec-4.open .txt {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#index .sec-4 .txt .w-ti {
	font-size:2rem;
	color:#fff;
	margin:0 0 20px
}
#index .sec-4 .txt p {
	font-size:1rem;
	color:#fff;
	line-height:2;
	margin:0
}
#index .sec-4 .txt .contact-btn {
	display:block;
	text-align:center;
	color:#fff;
	width:160px;
	height:45px;
	line-height:45px;
	font-size:.938rem;
	background-color:#1854a5;
	background:-webkit-linear-gradient(90deg,#a80700 0,#da261e 100%);
	background:-moz-linear-gradient(90deg,#a80700 0,#da261e 100%);
	background:-ms-linear-gradient(90deg,#a80700 0,#da261e 100%);
	border:none;
	margin:20px 0 0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#index .sec-4 .txt .contact-btn:hover {
	background:-webkit-linear-gradient(-90deg,#a80700 0,#da261e 100%);
	background:-moz-linear-gradient(-90deg,#a80700 0,#da261e 100%);
	background:-ms-linear-gradient(-90deg,#a80700 0,#da261e 100%)
}
@media (max-width:991px) {
	#index .sec-4 {
	padding:50px 0
}
#index .sec-4 .pic {
	width:40%;
	vertical-align:top
}
#index .sec-4 .txt {
	width:60%;
	vertical-align:top
}
}@media (max-width:767px) {
	#index .sec-4 {
	background:url(/images/i_contact_bg2.jpg)no-repeat center top;
	background-size:cover;
	padding:30px 0 50px
}
#index .sec-4 .pic {
	width:100%;
	display:block;
	margin:0 0 30px
}
#index .sec-4 .txt {
	width:100%;
	display:block
}
#index .sec-4 .txt .w-ti {
	font-size:1.75rem;
	margin:0 0 15px
}
#index .sec-4 .txt .contact-btn {
	margin:20px auto 0
}
}#product-list .right-main .m-ti {
	font-size:1.875rem;
	margin:0 0 10px
}
#product-list .right-main .dec {
	font-size:1rem;
	margin:0 0 20px
}
#product-list .page-search {
	padding:20px 20px;
	background:#f9f9f9;
	border:1px solid #ddd;
	position:relative;
	margin:0 0 30px
}
#product-list .page-search:before {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:20px 20px 0 0;
	border-color:#1854a5 transparent transparent transparent;
	left:0;
	top:0
}
#product-list .page-search .s-ti {
	color:#1854a5;
	font-size:1.125rem;
	position:relative
}
#product-list .page-search .s-ti span {
	color:#333;
	font-size:.875rem;
	margin-left:6px
}
#product-list .page-search .s-ti:before {
	content:'';
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:28px;
	height:28px;
	background:url(/images/header_search.png)no-repeat center bottom;
	background-size:28px auto
}
#product-list .page-search .control-btn {
	display:block;
	position:relative
}
#product-list .page-search .control-btn:before {
	content:'';
	position:absolute;
	width:14px;
	height:2px;
	background:#1854a5;
	right:10px;
	top:50%;
	margin-top:-1px
}
#product-list .page-search .control-btn:after {
	content:'';
	position:absolute;
	width:2px;
	height:14px;
	background:#1854a5;
	right:16px;
	top:50%;
	margin-top:-7px
}
#product-list .page-search .control-btn.open:after {
	display:none
}
#product-list .page-search .items-box {
	margin:10px 0 0
}
.pager {
	margin: 30px 0;
	text-align: center;
	font-size: 0;
}
.pager a {
	display: inline-block;
	font-size: 14px;
	line-height: 35px;
	padding: 0 14px;
	margin: 5px;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.pager a:hover, .pager a.active {
	background-color: #dd0000;
	color: #fff;
}
.pager a {
	font-size: 12px;
	line-height: 30px;
	padding: 0 12px;
}
.paginationr p {
	margin: 0;
	cursor: pointer
}
.paginationr {
	height: 40px;
	text-align: center;
}
.paginationr a {
	display: inline-block;
	margin-right: 10px;
	height: 30px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 30px;
}
.paginationr a:hover {
	color: #36497b;
	background: white;
	border: 1px #36497b solid;
}
.paginationr a.page-num-current {
	border: none;
	background: #36497b;
	color: #fff;
}
.paginationr p {
	display: inline-block;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}
.paginationr p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}
.paginationr p.pageRemark b {
	color: red;
}
.paginationr p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}









#product-list .page-search .items-box>a {
	display:inline-block;
	vertical-align:top;
	padding:8px 20px;
	border-radius:5px;
	background:#999;
	text-align:center;
	color:#fff;
	font-size:.875rem;
	margin:2px 1px 0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#product-list .page-search .items-box>a:hover {
	background:#333
}
#product-list .list-box {
	margin:0 -12px
}
#product-list .list-box .items {
	display:inline-block;
	vertical-align:top;
	width:32.333%;
	margin:0 0 30px;
	padding:0 12px
}
#product-list .list-box .items>a {
	display:block;
	background:#fafafa;
	padding:10px;
	border:1px solid #fafafa;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#product-list .list-box .items>a:hover {
	background:#f9f9f9;
	border:1px solid #ddd
}
#product-list .list-box .items .pic img {
	display:block;
	margin:0 auto
}
#product-list .list-box .items .txt {
	text-align:center;
	padding:10px
}
#product-list .list-box .items .txt .ti {
	font-size:1.125rem;
	color:#333;
	font-weight:bold;
	margin:0 0 10px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#product-list .list-box .items>a:hover .txt .ti {
	color:#1854a5
}
#product-list .list-box .items .txt p {
	font-size:.875rem;
	color:#666;
	margin:0 0 5px
}
#product-list .list-box .items .txt .more {
	font-family:Arial;
	font-size:.875rem;
	color:#1854a5;
	position:relative;
	text-align:center
}
#product-list .list-box .items .txt .more:after {
	content:'';
	margin:9px 0 0 6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:5px;
	height:5px;
	border-top:1px solid #1854a5;
	border-right:1px solid #1854a5;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#product-list .list-box .items>a:hover .txt .more:after {
	margin:9px 0 0 10px
}
#product-list .p-pager {
	margin:15px 0 0
}
@media (max-width:767px) {
	#product-list .list-box .items {
	width:50%
}
}@media (max-width:640px) {
	#product-list .list-box {
	margin:0 -8px
}
#product-list .list-box .items {
	padding:0 8px
}
}@media (max-width:480px) {
	#product-list .list-box .items {
	width:100%
}
}#product-list.search .right-main {
	width:100%;
	padding:0
}
#product-list.search .right-main .page-ti {
	margin:0 0 40px
}
#product-list.search .right-main .list-box .items {
	width:25%
}
@media (max-width:991px) {
	#product-list.search .right-main .list-box .items {
	width:33.333%
}
}@media (max-width:767px) {
	#product-list.search .right-main .list-box .items {
	width:50%
}
}@media (max-width:480px) {
	#product-list.search .right-main .list-box .items {
	width:100%
}
}#product-view .page-main-wrap {
	padding-top:0
}
#product-view .page-main-wrap:before {
	height:500px;
	background:url(/images/view_banner_mask.png) no-repeat center top
}
#product-view .top-wrap {
	direction:rtl;
	margin:-30px 0 50px
}
#product-view .top-wrap .pic {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	opacity:0;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#product-view .top-wrap .pic img {
	display:block;
	margin:0 auto
}
#product-view .top-wrap .txt {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	padding:0 15px;
	direction:ltr;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	opacity:0;
	transform:translateX(50%);
	-ms-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-webkit-transform:translateX(50%)
}
#product-view .top-wrap.open .pic,#product-view .top-wrap.open .txt {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#product-view .top-wrap .txt .sort {
	color:#1854a5;
	font-size:1.25rem
}
#product-view .top-wrap .txt .s-ti {
	margin:0;
	color:#000;
	font-size:2.25rem;
	line-height:1.5
}
#product-view .top-wrap .txt p {
	color:#666;
	font-size:1.125rem;
	margin:5px 0 0
}
#product-view .top-wrap .txt .share-box {
	margin:30px 0 0
}
#product-view .back-list {
	width:160px;
	height:45px;
	line-height:45px;
	background:#000;
	display:block;
	margin:40px auto 20px;
	color:#fff;
	font-size:.938rem;
	text-align:center;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#product-view .back-list:hover {
	background:#222
}
@media (max-width:991px) {
	#product-view .page-main-wrap:before {
	background-size:100%
}
#product-view .top-wrap .txt .s-ti {
	font-size:1.875rem
}
#product-view .top-wrap .txt p {
	font-size:1rem;
	margin:0
}
}@media (max-width:767px) {
	#product-view .page-main-wrap {
	padding:0
}
#product-view .page-main-wrap:before {
	height:300px;
	background:url(/images/view_banner_mask_s.png) no-repeat center top;
	background-size:100%
}
#product-view .top-wrap {
	margin:-30px 0 40px
}
#product-view .top-wrap .pic {
	width:100%;
	margin:0 0 20px
}
#product-view .top-wrap .txt {
	width:100%
}
}#about .bansner {
	position:relative;
	width:100%;
	height:calc(100vh + 100px)
}
#about .bansner .box {
	position:relative;
	width:100%;
	height:calc(100vh + 100px);
	display:block;
	overflow:hidden
}
#about .bansner .box img {
	height:calc(100vh + 100px);
	min-width:100%;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#about .bansner .box .txt {
	position:absolute;
	left:50%;
	top:50%;
	width:90%;
	max-width:1300px;
	padding:0 15px;
	transform:translate(-50%,50%);
	-ms-transform:translate(-50%,50%);
	-moz-transform:translate(-50%,50%);
	-webkit-transform:translate(-50%,50%);
	text-shadow:1px 1px 2px rgba(0,0,0,.2);
	line-height:1.5;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .bansner.open .box .txt {
	opacity:1;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0)
}
#about .bansner .box .txt span {
	color:#1854a5;
	font-size:1.625rem;
	font-weight:bold
}
#about .bansner .box .txt p {
	color:#fff;
	font-size:3.75rem
}
#about .bansner .box .txt i {
	font-style:normal;
	color:#fff;
	font-size:1.25rem
}
@media (max-width:991px) {
	#about .bansner .box .txt {
	text-align:center;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0)
}
#about .bansner .box .txt.aos-animate {
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%)
}
#about .bansner .box .txt span {
	font-size:1.5rem
}
#about .bansner .box .txt p {
	font-size:3.125rem
}
#about .bansner .box .txt i {
	font-size:1.125rem
}
}@media (max-width:767px) {
	#about .bansner,#about .bansner .box,#about .bansner .box img {
	height:calc(100vh + 80px)
}
#about .bansner .box .txt span {
	font-size:1.25rem
}
#about .bansner .box .txt p {
	font-size:2.188rem;
	margin:5px 0 10px;
	line-height:1.25
}
#about .bansner .box .txt i {
	font-size:1rem
}
}#about .sec-1 {
	position:relative;
	z-index:10;
	font-size:0;
	position:relative;
	padding:100px 0 100px
}
#about .sec-1:before {
	content:'';
	position:absolute;
	display:block;
	width:100%;
	top:-120px;
	left:0;
	height:500px;
	background:url(/images/view_banner_mask.png) no-repeat center top;
	z-index:0
}
#about .sec-1:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:-80px;
	background:url(/images/view_banner_mask_bottom.png)no-repeat center bottom;
	z-index:1
}
#about .sec-1 .container {
	position:relative;
	z-index:5
}
#about .sec-1 .txt {
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px);
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .sec-1.open .txt {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#about .sec-1 .txt p {
	font-size:1rem;
	line-height:2;
	margin:0 auto;
	
	max-width:1000px
}
#about .sec-1 .list-box {
	margin:60px 0 0;
	text-align:center
}
#about .sec-1 .list-box .box {
	display:inline-block;
	vertical-align:top;
	max-width:25%;
	padding:0 20px
}
#about .sec-1 .list-box .box .pic img {
	margin:0 auto
}
#about .sec-1 .list-box .box .ti {
	margin:15px 0 0;
	text-align:center;
	font-size:.938rem;
	color:#222;
	line-height:1.625
}
@media (max-width:991px) {
	#about .sec-1 {
	padding:20px 0 80px
}
#about .sec-1:before {
	background-size:100%
}
}@media (max-width:767px) {
	#about .sec-1 {
	padding:0 0 60px
}
#about .sec-1:before {
	top:-79px;
	height:300px;
	background:url(/images/view_banner_mask.png) no-repeat center top;
	background-size:100% auto
}
}@media (max-width:640px) {
	#about .sec-1 .txt p {
	text-align:left
}
#about .sec-1 .list-box {
	margin:0
}
#about .sec-1 .list-box .box {
	max-width:none;
	width:50%;
	margin:30px 0 0
}
}#about .sec-2 {
	font-size:0;
	padding:140px 0 60px;
	width:100%;
	overflow:hidden
}
#about .sec-2 .icon {
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .sec-2 .txt {
	display:inline-block;
	vertical-align:middle;
	width:50%;
	padding:0 50px 0 30px;
	transform:translateX(50%);
	-ms-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-webkit-transform:translateX(50%);
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .sec-2.open .icon,#about .sec-2.open .txt {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#about .sec-2 .txt .page-ti {
	color:#fff;
	text-align:left
}
#about .sec-2 .txt p {
	color:#fff;
	font-size:1rem;
	line-height:2
}
#about .sec-2 .icon {
	display:inline-block;
	vertical-align:middle;
	width:50%
}
#about .sec-2 .icon img {
	display:block;
	margin:0 auto
}
@media (max-width:991px) {
	#about .sec-2 {
	padding:120px 0 60px
}
#about .sec-2 .txt {
	display:block;
	width:100%;
	padding:0;
	margin:0 0 40px
}
#about .sec-2 .txt .page-ti {
	text-align:center
}
#about .sec-2 .txt p {
	text-align:center
}
#about .sec-2 .icon {
	display:block;
	width:100%
}
}@media (max-width:640px) {
	#about .sec-2 {
	padding:100px 0 60px
}
#about .sec-2 .txt {
	margin:0 0 30px
}
}#about .sec-3 {
	background:#f8f8f8;
	padding:80px 0 150px;
	position:relative;
	font-size:0;
	overflow:hidden
}
#about .sec-3 .map {
	left:-50px;
	top:120px;
	position:absolute;
	width:1034px;
	max-width:60%
}
#about .sec-3 .list-box {
	margin:60px -20px 0;
	position:relative;
	z-index:2
}
#about .sec-3 .list-box .box {
	display:inline-block;
	vertical-align:top;
	width:33.333%;
	padding:0 20px;
	position:relative;
	transform:translateY(50%);
	-ms-transform:translateY(50%);
	-moz-transform:translateY(50%);
	-webkit-transform:translateY(50%);
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .sec-3 .list-box.open .box {
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	opacity:1
}
#about .sec-3 .list-box .box:after {
	content:'';
	position:absolute;
	width:calc(100% - 40px);
	height:15px;
	background:url(/images/group_shaow.png)no-repeat center top;
	background-size:100% auto;
	bottom:-15px;
	left:20px
}
#about .sec-3 .list-box .box .grid {
	position:relative;
	overflow:hidden
}
#about .sec-3 .list-box .box .grid .txt {
	position:absolute;
	bottom:-100px;
	left:0;
	padding:18px 10px;
	background:url(/images/group_mask.png)no-repeat center center;
	background-size:cover;
	width:100%;
	z-index:2;
	text-align:left;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#about .sec-3 .list-box .box .grid:hover .txt {
	bottom:0;
	opacity:1
}
#about .sec-3 .list-box .box .grid .txt:before {
	content:'';
	position:absolute;
	width:2px;
	height:15px;
	left:15px;
	top:22px;
	background:#1854a5
}
#about .sec-3 .list-box .box .grid .txt .ti {
	font-size:.938rem;
	color:#fff;
	margin:0 0 0 20px;
	line-height:1.625
}
#about .sec-3 .list-box .box .grid .txt span {
	display:inline-block;
	vertical-align:top;
	color:#ddd;
	font-size:.875rem;
	margin:5px 0 0 20px
}
#about .sec-3 .list-box .box .grid .txt span:first-of-type {
	display:block
}
#about .sec-3 .list-box .box .grid .txt span a {
	color:#ddd
}
#about .sec-3 .list-box .box:first-child {
	width:40%;
	display:block;
	margin:0 0 80px 60%
}
#about .sec-3 .list-box .box:first-child .grid .txt .ti {
	font-size:1rem
}
#about .sec-3 .list-box .box:first-child .grid .txt span {
	font-size:.938rem
}
#about .sec-3 .list-box .box:first-child .grid .txt:before {
	top:24px
}
@media (max-width:1199px) {
	#about .sec-3 {
	padding:60px 0 80px
}
#about .sec-3 .list-box .box:first-child {
	margin:0 0 60px 60%
}
}@media (max-width:1024px) {
	#about .sec-3 .map {
	position:relative;
	left:auto;
	top:auto;
	width:auto;
	max-width:1096px;
	width:150%;
	display:block;
	margin:0 auto;
	transform:translateX(-30%);
	-ms-transform:translateX(-30%);
	-moz-transform:translateX(-30%);
	-webkit-transform:translateX(-30%)
}
#about .sec-3 .list-box {
	margin:-350px -10px 0
}
#about .sec-3 .list-box .box:first-child {
	width:50%;
	margin:0;
	display:inline-block;
	vertical-align:top;
	margin:40px 0 0
}
#about .sec-3 .list-box .box .grid .txt .ti {
	font-size:1rem
}
#about .sec-3 .list-box .box .grid .txt span {
	font-size:.938rem
}
#about .sec-3 .list-box .box .grid .txt:before {
	top:24px
}
#about .sec-3 .list-box .box {
	width:50%;
	margin:40px 0 0;
	padding:0 10px
}
#about .sec-3 .list-box .box .grid .txt {
	position:relative;
	bottom:auto;
	left:auto;
	opacity:1;
	background:url(/images/group_mask.png)no-repeat center center #888;
	background-size:cover
}
}@media (max-width:767px) {
	#about .sec-3 {
	padding:60px 0
}
}@media (max-width:640px) {
	#about .sec-3 .list-box {
	margin:-180px -10px 0
}
#about .sec-3 .list-box .box:first-child,#about .sec-3 .list-box .box {
	width:100%;
	margin:30px 0 0
}
}#about .sec-4 .ti-box {
	padding:180px 0
}
#about .sec-4 .ti-box .page-ti {
	color:#fff;
	margin:0;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px);
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .sec-4 .ti-box.open .page-ti {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#about .sec-4 .history-main {
	background:url(/images/history_bg.jpg) repeat-y right top;
	background-size:35% auto;
	position:relative;
	padding:60px 0 40px
}
#about .sec-4 .list-box {
	position:relative
}
#about .sec-4 .list-box:before {
	content:'';
	position:absolute;
	width:1px;
	height:calc(100% + 100px);
	background:#eee;
	left:78px;
	top:-60px
}
#about .sec-4 .list-box .box {
	position:relative;
	z-index:2;
	padding:0 0 40px;
	transform:translateY(50%);
	-ms-transform:translateY(50%);
	-moz-transform:translateY(50%);
	-webkit-transform:translateY(50%);
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#about .sec-4 .list-box.open .box {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#about .sec-4 .list-box .box .year {
	display:inline-block;
	font-size:4.375rem;
	color:#444;
	font-family:Arial;
	background:#fff;
	line-height:1.375
}
#about .sec-4 .list-box .box ul {
	margin-left:71px
}
#about .sec-4 .list-box .box ul>li {
	position:relative;
	padding:12px 0 12px 120px
}
#about .sec-4 .list-box .box ul>li:before {
	content:'';
	position:absolute;
	width:14px;
	height:14px;
	background:#1854a5;
	border-radius:100%;
	left:0;
	top:17px
}
#about .sec-4 .list-box .box ul>li .month {
	color:#444;
	font-size:1.125rem;
	font-family:Arial;
	position:absolute;
	left:30px;
	top:10px
}
#about .sec-4 .list-2 {
	display:none
}
#about .sec-4 .list-2.open-block {
	display:block
}
#about .sec-4 .more {
	display:block;
	width:160px;
	height:45px;
	text-align:center;
	margin:0 0 100px;
	border:1px solid #e5bfbf;
	background:#fff;
	position:relative;
	z-index:5;
	color:#1854a5;
	font-size:.875rem;
	line-height:45px;
	font-family:Arial;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#about .sec-4 .more:hover {
	color:#fff;
	background:#1854a5;
	border:1px solid #1854a5
}
#about .sec-4 .more.open {
	display:none
}
@media (max-width:991px) {
	#about .sec-4 .ti-box {
	padding:100px 0
}
#about .sec-4 .history-main {
	padding:50px 0 40px
}
#about .sec-4 .list-box:before {
	height:calc(100% + 90px);
	top:-50px;
	left:65px
}
#about .sec-4 .list-box .box .year {
	font-size:3.75rem
}
#about .sec-4 .list-box .box ul {
	margin-left:58px
}
#about .sec-4 .list-box .box ul>li {
	padding:10px 0 10px 100px
}
#about .sec-4 .list-box .box ul>li:before {
	top:15px
}
#about .sec-4 .more {
	margin:0 0 50px
}
}@media (max-width:640px) {
	#about .sec-4 .history-main {
	background-size:60% auto
}
#about .sec-4 .list-box:before {
	left:43px
}
#about .sec-4 .list-box .box {
	padding:0 0 20px
}
#about .sec-4 .list-box .box .year {
	font-size:2.5rem
}
#about .sec-4 .list-box .box ul {
	margin-left:36px
}
#about .sec-4 .list-box .box ul>li {
	padding-left:30px
}
#about .sec-4 .list-box .box ul>li .month {
	display:block;
	position:relative;
	left:0;
	top:0
}
}#responsibility .page-main-wrap {
	padding-bottom:0
}
#responsibility .sec-1 {
	position:relative;
	padding:20px 0 100px
}
#responsibility .sec-1:after {
	content:'';
	position:absolute;
	width:100%;
	height:calc(100% + 80px);
	background:url(/images/view_banner_mask_bottom.png)no-repeat center bottom;
	bottom:-80px;
	left:0;
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	transform:scaleX(-1)
}
#responsibility .sec-1 .list-box {
	font-size:0;
	margin:0 -25px;
	text-align:center;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
#responsibility .sec-1.open .list-box {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#responsibility .sec-1 .list-box .icon {
	max-width:16.666%;
	display:inline-block;
	vertical-align:top;
	padding:0 25px
}
#responsibility .sec-1 .list-box .icon img {
	display:block;
	margin:0 auto
}
#responsibility .sec-1 .list-box .icon:nth-child(2n) {
	margin-top:50px
}
#responsibility .sec-1 .list-box .icon .ti {
	margin:20px 0 0;
	font-size:1.375rem;
	color:#000
}
@media (max-width:1199px) {
	#responsibility .sec-1 {
	padding:20px 0 0
}
#responsibility .sec-1 .list-box .icon {
	max-width:33.333%;
	margin:0 0 50px
}
#responsibility .sec-1 .list-box .icon:nth-child(2n) {
	margin-top:0
}
}@media (max-width:640px) {
	#responsibility .sec-1 {
	padding:0
}
#responsibility .sec-1 .list-box .icon .ti {
	font-size:1.25rem
}
}@media (max-width:480px) {
	#responsibility .sec-1 .list-box {
	margin:0 -15px
}
#responsibility .sec-1 .list-box .icon {
	max-width:none;
	width:50%;
	margin:0 0 40px;
	padding:0 15px
}
}#responsibility .sec-2 {
	overflow:hidden;
	background:url(/images/hsf_img1.png)no-repeat 5% top #eaeaea;
	background-size:45% auto;
	width:100%
}
#responsibility .sec-2 .container {
	position:relative;
	padding:180px 15px 150px
}
#responsibility .sec-2 .txt {
	width:45%;
	display:block;
	position:relative;
	z-index:2;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#responsibility .sec-2.open .txt {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#responsibility .sec-2 .txt table {
	width:100%
}
#responsibility .sec-2 .txt table td {
	width:33.333%;
	padding:10px 15px;
	font-size:1rem;
	text-align:center;
	border-right:1px solid #bbb
}
#responsibility .sec-2 .txt table td:last-child {
	border-right:none
}
#responsibility .sec-2 .txt table td img {
	width:60px;
	display:block;
	margin:0 auto 15px
}
#responsibility .sec-2 .txt table td span {
	display:block
}
#responsibility .sec-2 .earth {
	position:absolute;
	right:0;
	top:100px;
	width:50%;
	overflow:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
#responsibility .sec-2.open .earth {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
@media (max-width:1199px) {
	#responsibility .sec-2 .container {
	padding:130px 0 100px
}
}@media (max-width:991px) {
	#responsibility .sec-2 .container {
	padding:100px 15px 50px
}
#responsibility .sec-2 .txt {
	width:100%
}
#responsibility .sec-2 .earth {
	width:38%;
	right:-5%;
	top:auto;
	bottom:-60px
}
#responsibility .sec-2 .txt table {
	width:68%
}
}@media (max-width:767px) {
	#responsibility .sec-2 {
	background-size:90% auto
}
#responsibility .sec-2 .container {
	padding:100px 15px 100px
}
#responsibility .sec-2 .txt table {
	display:block;
	text-align:center;
	width:100%
}
#responsibility .sec-2 .txt table tbody {
	display:inline-block;
	margin:0 auto
}
#responsibility .sec-2 .txt table tr {
	display:block
}
#responsibility .sec-2 .txt table td {
	display:block;
	width:100%;
	text-align:left;
	border-right:none;
	border-bottom:1px solid #ccc;
	white-space:nowrap
}
#responsibility .sec-2 .txt table td img {
	display:inline-block;
	vertical-align:middle;
	margin:0 20px 0 0
}
#responsibility .sec-2 .txt table td span {
	display:inline-block;
	vertical-align:middle;
	font-size:1.125rem
}
#responsibility .sec-2 .earth {
	width:45%;
	right:-3%
}
}@media (max-width:400px) {
	#responsibility .sec-2 .earth {
	width:55%
}
}#responsibility .sec-3 {
	background:#29292a;
	position:relative;
	overflow:hidden;
	width:100%
}
#responsibility .sec-3 .pic {
	width:50%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateX(50%);
	-ms-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-webkit-transform:translateX(50%)
}
#responsibility .sec-3.open .pic {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#responsibility .sec-3 .pic img {
	min-height:100%;
	min-width:100%;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#responsibility .sec-3 .txt {
	width:50%;
	margin-left:50%;
	padding:80px 0 60px 5%;
	overflow:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%)
}
#responsibility .sec-3.open .txt {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#responsibility .sec-3 .txt .page-ti {
	color:#fff;
	text-align:left
}
#responsibility .sec-3 .txt p {
	color:#fff;
	font-size:1rem;
	line-height:2;
	margin:0
}
@media (max-width:1199px) {
	#responsibility .sec-3 .txt {
	padding:60px 0 40px 5%
}
}@media (max-width:991px) {
	#responsibility .sec-3 .pic {
	width:100%
}
#responsibility .sec-3 .txt {
	padding:30px;
	width:100%;
	margin:50px 0;
	background:rgba(0,0,0,.6)
}
}#responsibility .sec-4 {
	padding:60px 0 80px
}
#responsibility .sec-4 table {
	width:100%;
	overflow:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
#responsibility .sec-4.open table {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#responsibility .sec-4 table thead th {
	text-align:center;
	height:45px;
	line-height:45px;
	color:#fff;
	font-weight:normal;
	font-size:1.125rem;
	background:#c91811
}
#responsibility .sec-4 table tbody tr th {
	background:#f9f9f9;
	padding:10px;
	font-size:1rem;
	text-align:center;
	font-weight:normal;
	width:30%;
	border:1px solid #ddd;
	border-top:none;
	font-family:Arial
}
#responsibility .sec-4 table tbody tr td {
	background:#fff;
	padding:10px 20px;
	color:#666;
	font-size:1rem;
	text-align:left;
	font-weight:normal;
	width:70%;
	border:1px solid #ddd;
	border-top:none;
	border-left:none
}
@media (max-width:640px) {
	#responsibility .sec-4 {
	padding:50px 0 60px
}
#responsibility .sec-4 table tbody tr th {
	font-size:.938rem;
	padding:10px 5px;
	vertical-align:top
}
#responsibility .sec-4 table tbody tr td {
	padding:10px;
	vertical-align:top
}
}#responsibility .sec-5 {
	padding:60px 0;
	background:url(/images/report_bg.png) no-repeat center center #e9e9e9;
	background-size:cover
}
#responsibility .sec-5 .report-slick {
	margin:0 -40px;
	overflow:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px)
}
#responsibility .sec-5.open .report-slick {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#responsibility .sec-5 .box {
	padding:0 40px
}
#responsibility .sec-5 .box>a {
	display:block;
	position:relative
}
#responsibility .sec-5 .box .date {
	position:absolute;
	right:0;
	top:0;
	padding:6px 15px;
	background:#1854a5;
	font-family:Arial;
	font-size:1rem;
	color:#fff;
	z-index:3
}
#responsibility .sec-5 .box .pic {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	box-shadow:0 0 5px 0 rgba(0,0,0,0);
	position:relative
}
#responsibility .sec-5 .box .pic img {
	display:block;
	margin:0 auto
}
#responsibility .sec-5 .box>a:hover .pic {
	box-shadow:0 0 5px 0 rgba(0,0,0,.3)
}
#responsibility .sec-5 .box .pic:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,.3);
	z-index:1;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#responsibility .sec-5 .box>a:hover .pic:before {
	opacity:1
}
#responsibility .sec-5 .box .ti {
	margin:15px 0 0;
	font-size:1.071rem;
	text-align:center;
	color:#222;
	line-height:1.75;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#responsibility .sec-5 .box>a:hover .ti {
	color:#1854a5
}
#responsibility .sec-5 .report-slick .slick-dots {
	margin:40px 0 0;
	padding:0;
	width:100%;
	position:relative;
	font-size:0;
	text-align:center;
	list-style-type:none
}
#responsibility .sec-5 .report-slick .slick-dots>li {
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0 4px
}
#responsibility .sec-5 .report-slick .slick-dots>li>button {
	display:block;
	padding:0;
	width:12px;
	height:12px;
	border-radius:100%;
	border:none;
	background:#bbb
}
#responsibility .sec-5 .report-slick .slick-dots>li.slick-active>button {
	background:#1854a5
}
@media (max-width:1199px) {
	#responsibility .sec-5 .report-slick {
	margin:0 -30px
}
#responsibility .sec-5 .box {
	padding:0 30px
}
}@media (max-width:991px) {
	#responsibility .sec-5 .report-slick {
	margin:0 -15px
}
#responsibility .sec-5 .box {
	padding:0 15px
}
}@media (max-width:640px) {
	#responsibility .sec-5 {
	padding:40px 0
}
#responsibility .sec-5 .report-slick {
	margin:0 -10px
}
#responsibility .sec-5 .box {
	padding:0 10px
}
}#responsibility .sec-6 {
	padding:60px 0
}
#responsibility .sec-6 .list-box {
	margin:0 -15px;
	overflow:0;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	-o-transition:all .8s ease-in-out;
	-ms-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
	transform:translateY(100px);
	-ms-transform:translateY(100px);
	-moz-transform:translateY(100px);
	-webkit-transform:translateY(100px)
}
#responsibility .sec-6.open .list-box {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#responsibility .sec-6 .list-box .box {
	padding:0 15px;
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin:0 0 30px
}
#responsibility .sec-6 .list-box .box .grid {
	position:relative;
	display:block
}
#responsibility .sec-6 .list-box .box .pic {
	position:relative
}
#responsibility .sec-6 .list-box .box .pic:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	left:0;
	top:0;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#responsibility .sec-6 .list-box .box .grid:hover .pic:before {
	opacity:1
}
#responsibility .sec-6 .list-box .box .txt {
	position:absolute;
	padding:0 8%;
	top:50%;
	left:0;
	width:100%;
	z-index:2;
	text-shadow:1px 1px 3px rgba(0,0,0,.4);
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%)
}
#responsibility .sec-6 .list-box .box .txt .ti {
	font-size:1.5rem;
	color:#fff;
	margin:0 0 5px
}
#responsibility .sec-6 .list-box .box .txt .ti span {
	color:#1854a5
}
#responsibility .sec-6 .list-box .box .txt p {
	margin:0;
	font-size:.938rem;
	color:#e1e1e1;
	font-family:Arial
}
@media (max-width:640px) {
	#responsibility .sec-6 {
	padding:50px 0
}
#responsibility .sec-6 .list-box .box {
	width:100%
}
}#news-list .list-box {
	font-size:0
}
#news-list  .list-box .items {
	opacity:0;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#news-list .list-box.open .items {
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	opacity:1
}
#news-list  .list-box .items>a {
	display:block;
	padding:35px 0;
	border-bottom:1px solid #eee;
	position:relative
}
#news-list  .list-box .items:first-child>a {
	border-top:1px solid #eee
}
#news-list  .list-box .items>a .pic {
	width:40%;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	position:relative
}
#news-list  .list-box .items>a .pic img {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#news-list  .list-box .items>a .txt {
	width:60%;
	display:inline-block;
	vertical-align:top;
	padding-left:50px
}
#news-list  .list-box .items>a .txt .date {
	font-size:1rem;
	color:#1854a5;
	margin:0;
	font-family:Arial
}
#news-list  .list-box .items>a .txt .ti {
	color:#222;
	font-size:1.375rem;
	margin:3px 0 5px;
	line-height:1.5;
	font-weight:bold;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#news-list  .list-box .items>a .txt .dec {
	font-size:1rem;
	color:#666;
	line-height:2
}
#news-list  .list-box .items>a .txt .more {
	font-family:Arial;
	font-size:.875rem;
	color:#1854a5;
	position:relative
}
#news-list  .list-box .items>a .txt .more:after {
	content:'';
	margin:9px 0 0 6px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:5px;
	height:5px;
	border-top:1px solid #1854a5;
	border-right:1px solid #1854a5;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
@media (min-width:1024px) {
	#news-list  .list-box .items>a:after {
	content:'';
	position:absolute;
	width:0;
	height:1px;
	background:#1854a5;
	bottom:-1px;
	left:50%;
	opacity:0;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	z-index:1
}
#news-list  .list-box .items>a:hover:after {
	opacity:1;
	width:100%
}
#news-list  .list-box .items>a:hover .pic img {
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2)
}
#news-list  .list-box .items>a .pic:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,.5);
	opacity:0;
	z-index:1;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#news-list  .list-box .items>a:hover .pic:before {
	opacity:1
}
#news-list  .list-box .items>a:hover .txt .ti {
	color:#1854a5
}
#news-list  .list-box .items>a:hover .txt .more:after {
	margin:9px 0 0 8px
}
}@media (max-width:991px) {
	#news-list  .list-box .items>a .txt {
	padding-left:30px
}
}@media (max-width:640px) {
	#news-list  .list-box .items>a {
	padding:25px 0
}
#news-list  .list-box .items>a .pic {
	width:100%;
	display:block;
	margin:0 0 15px
}
#news-list  .list-box .items>a .txt {
	width:100%;
	display:block;
	padding-left:0
}
#news-list  .list-box .items>a .txt .more {
	text-align:right;
	padding-right:20px
}
}#news-view .container {
	opacity:0;
	transform:translateY(150px);
	-ms-transform:translateY(150px);
	-moz-transform:translateY(150px);
	-webkit-transform:translateY(150px);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#news-view .container.open {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#news-view  .ti-box {
	position:relative;
	padding-right:250px;
	border-bottom:1px solid #ddd
}
#news-view  .ti-box.open {
	}#news-view  .ti-box .date {
	font-size:1rem;
	color:#1854a5;
	margin:0;
	font-family:Arial
}
#news-view  .ti-box .ti {
	color:#222;
	font-size:1.375rem;
	margin:8px 0 15px;
	line-height:1.5;
	font-weight:bold
}
#news-view .share-box {
	position:absolute;
	right:0;
	bottom:15px
}
#news-view .text-edit {
	padding:25px 0 50px;
	border-bottom:1px solid #ddd;
	position:relative
}
#news-view .text-edit:before {
	content:'';
	position:absolute;
	width:100px;
	height:2px;
	background:#1854a5;
	bottom:-2px;
	left:50%;
	margin-left:-50px
}
#news-view .back-list {
	display:block;
	width:160px;
	height:45px;
	text-align:center;
	margin:40px auto 0;
	border:1px solid #e5bfbf;
	color:#1854a5;
	font-size:.875rem;
	line-height:45px;
	font-family:Arial;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#news-view .back-list:hover {
	color:#fff;
	background:#1854a5;
	border:1px solid #1854a5
}
@media (max-width:991px) {
	#news-view  .ti-box {
	padding-right:0
}
#news-view  .share-box {
	position:relative;
	right:auto;
	bottom:auto;
	margin:0 0 10px;
	text-align:right
}
}@media (max-width:640px) {
	#news-view .text-edit {
	padding:20px 0 40px
}
#news-view  .ti-box .ti {
	margin:5px 0 15px
}
}#contact {
	width:100%;
	overflow:hidden
}
#contact .page-main-wrap {
	padding-bottom:0
}
#contact .white-box {
	position:relative;
	font-size:0;
	margin:10px 0 40px
}
#contact .white-box .info .page-logo {
	font-size:1rem;
	float:left;
	width:236px;
	margin:0;
	padding:15px 0 0;
	opacity:0;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#contact .white-box:before {
	content:'';
	position:absolute;
	width:1px;
	height:110px;
	border-left:1px dashed #ddd;
	left:300px;
	top:0
}
#contact .white-box:after {
	content:'';
	position:absolute;
	width:1px;
	height:110px;
	border-left:1px dashed #ddd;
	right:300px;
	top:0
}
#contact .white-box .info .page-logo img {
	width:200px;
	margin:0 auto 3px
}
#contact .white-box .info .page-logo .ti {
	display:block;
	font-size:1rem;
	margin:0 auto;
	text-align:center
}
#contact .white-box .info .list {
	float:right;
	opacity:0;
	transform:translateX(50%);
	-ms-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-webkit-transform:translateX(50%);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#contact .white-box.open .info .page-logo,#contact .white-box.open .info .list {
	opacity:1;
	transform:translateX(0);
	-ms-transform:translateX(0);
	-moz-transform:translateX(0);
	-webkit-transform:translateX(0)
}
#contact .white-box .info .list>a {
	display:block;
	color:#333;
	font-size:1.125rem;
	font-family:Arial;
	margin:0 0 10px
}
#contact .white-box .info .list>a:last-child {
	margin:0
}
#contact .white-box .info .list i {
	color:#1854a5;
	margin:6px 5px 0 0;
	display:inline-block;
	vertical-align:top
}
#contact .dec {
	margin:10px 0 0;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,100%);
	-ms-transform:translate(-50%,100%);
	-moz-transform:translate(-50%,100%);
	-webkit-transform:translate(-50%,100%);
	font-size:1rem;
	color:#666;
	text-align:center;
	line-height:2;
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#contact .white-box.open .dec {
	opacity:1;
	transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0)
}
#contact .form-box {
	padding:60px 0 45px;
	font-size:0
}
#contact .form-box .grid {
	margin:0 -20px;
	position:relative
}
#contact .form-box .form-group {

	padding:0 20px;
	width:50%;
	display:inline-block;
	vertical-align:top
}
#contact .form-box .one-line {
	display:block;
	width:100%
}
#contact .form-box .form-group .ti {
	font-size:1rem;
	width:90px;
	display:inline-block;
	vertical-align:top;
	margin:8px 0 0
}
#contact .form-box .form-group .ti span {
	color:#1854a5;
	margin-right:3px
}
#contact .form-box .form-group .box {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 90px)
}
#contact .form-box select {
	display:block;
	width:100%;
	padding:0 15px;
	border:none;
	font-size:1rem;
	height:40px;
	border:1px solid #eee;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url(/images/select_aw.png)no-repeat right center #fff;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#contact .form-box select::-ms-expand {
	display:none
}
#contact .form-box .text-box {
	width:100%;
	display:block;
	height:40px;
	padding:0 15px;
	background:#fff;
	font-size:1rem;
	border:1px solid #eee;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#contact .form-box textarea {
	width:100%;
	display:block;
	height:100px;
	max-height:100px;
	padding:8px 15px;
	background:#fff;
	font-size:1rem;
	border:1px solid #eee;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#contact .form-box select:focus,#contact .form-box .text-box:focus,#contact .form-box textarea:focus {
	border:1px solid #1854a5
}
#contact .form-box .name .text-box {
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 135px)
}
#contact .form-box .gender {
	display:inline-block;
	vertical-align:middle;
	width:120px;
	margin-left:15px
}
#contact .form-box .code .text-box {
	width:calc(100% - 165px);
	display:inline-block;
	vertical-align:top
}
#contact .form-box .code .code-img {
	width:160px;
	height:40px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	margin-left:5px
}
#contact .form-box .submit {
	width:160px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
	background:#1854a5;
	text-align:center;
	color:#fff;
	font-size:.938rem;
	line-height:40px;
	padding:0;
	border:none;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#contact .form-box .submit:hover {
	background:#c61c15
}
#contact .form-box .remind {
	display:inline-block;
	vertical-align:middle;
	font-size:1rem;
	color:#666;
	position:absolute;
	top:-40px;
	right:25px
}
#contact .form-box .remind span {
	color:#1854a5;
	margin-right:3px
}
#contact .dec .remind {
	font-size:.938rem;
	color:#666;
	font-style:normal;
	margin:2px 0 0 15px;
	display:none
}
#contact .dec .remind span {
	color:#1854a5;
	margin-right:3px
}
@media (max-width:1199px) {
	#contact .white-box:before {
	left:280px
}
#contact .white-box:after {
	right:280px
}
}@media (max-width:991px) {
	#contact .white-box {
	margin:10px 0 15px;
	text-align:center
}
#contact .white-box:before {
	left:50%;
	height:100px;
	top:25px
}
#contact .white-box:after {
	display:none
}
#contact .white-box .info {
	padding:20px 0;
	background:#fdf2f2
}
#contact .white-box .info .page-logo {
	float:none;
	display:inline-block;
	vertical-align:middle;
	width:50%
}
#contact .white-box .info .list {
	float:none;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	width:50%;
	padding-left:30px
}
#contact .white-box .dec {
	position:relative;
	top:auto;
	left:auto;
	transform:translate(0);
	-ms-transform:translate(0);
	-moz-transform:translate(0);
	-webkit-transform:translate(0);
	text-align:left;
	margin:30px 0 0
}
#contact .white-box.open .dec {
	transform:translate(0);
	-ms-transform:translate(0);
	-moz-transform:translate(0);
	-webkit-transform:translate(0)
}
#contact .white-box .dec br {
	display:none
}
#contact .form-box {
	padding:30px 0 15px
}
#contact .form-box .form-group {
	width:100%
}
#contact .dec .remind {
	display:inline-block;
	vertical-align:top
}
#contact .form-box .remind {
	display:none
}
#contact .btn-box {
	margin:20px 0 30px;
	text-align:center
}
}@media (max-width:640px) {
	#contact .white-box:before {
	display:none
}
#contact .white-box .info .page-logo {
	display:block;
	width:90%;
	margin:0 auto;
	padding-bottom:20px;
	border-bottom:1px solid #fff
}
#contact .white-box .info .page-logo img {
	margin:0 auto
}
#contact .white-box .info .list {
	width:90%;
	margin:0 auto;
	padding-top:20px;
	border-top:1px solid rgba(0,0,0,.15);
	padding:20px 15px 0
}
#contact .dec {
	opacity:1;
	transform:translate(0);
	-ms-transform:translate(0);
	-moz-transform:translate(0);
	-webkit-transform:translate(0);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
}@media (max-width:480px) {
	#contact .form-box .form-group .ti {
	width:100%;
	margin:0 0 2px
}
#contact .form-box .form-group .box {
	width:100%
}
#contact .form-box .text-box {
	padding:0 10px
}
#contact .form-box select {
	padding:0 10px
}
#contact .form-box textarea {
	padding:8px 10px
}
}@media (max-width:350px) {
	#contact .white-box .info .list {
	padding:20px 10px 0
}
}#news-view.error .container {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#news-view.error  .ti-box {
	padding:0
}
#news-view.error .back-list {
	font-family:'Microsoft JhengHei UI','Microsoft JhengHei',Sans-serif;
	background:#000;
	border:none;
	color:#fff
}
#news-view.error .text-edit:before {
	display:none
}
#news-view.error .back-list:hover {
	background:#222
}
#sitemap .page-main-wrap:before {
	height:500px;
	background:url(/images/view_banner_mask.png) no-repeat center top
}
#sitemap .list-box {
	margin:0 -10px
}
#sitemap .list-box .box {
	padding:0 10px;
	width:25%;
	margin:0 0 30px;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	opacity:0;
	transform:translateY(100px);
	-ms-transform:translateY(100px);
	-moz-transform:translateY(100px);
	-webkit-transform:translateY(100px)
}
#sitemap .list-box.open .box {
	opacity:1;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0)
}
#sitemap .list-box .box .ti {
	margin:0;
	font-size:1rem;
	background:#333;
	color:#fff;
	padding:12px 15px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#sitemap .list-box .box .ti>a {
	display:block;
	color:#fff
}
#sitemap .list-box .box:hover .ti {
	background:#c91811
}
#sitemap .list-box .box .item >li>a {
	display:block;
	padding:10px 15px;
	font-size:.938rem;
	color:#000;
	background:#fafafa;
	position:relative;
	border-bottom:1px solid #eee;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#sitemap .list-box .box .item >li:hover>a {
	color:#1854a5;
	border-bottom:1px solid #e5bfbf
}
#sitemap .list-box .box .m-second>li>a {
	display:block;
	padding:8px 15px 8px 25px;
	font-size:.875rem;
	color:#333;
	border-bottom:1px solid #eee;
	position:relative;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#sitemap .list-box .box .m-second >li>a:before {
	content:'';
	position:absolute;
	width:8px;
	height:2px;
	background:#aaa;
	left:5px;
	top:18px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#sitemap .list-box .box .m-second >li:hover>a:before {
	background:#1854a5
}
#sitemap .list-box .box .m-second>li:hover>a {
	color:#1854a5
}
#sitemap .list-box .box .m-third {
	padding:4px 0
}
#sitemap .list-box .box .m-third>li>a {
	display:block;
	padding:4px 25px;
	font-size:.813rem;
	color:#999;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#sitemap .list-box .box .m-third>li:hover>a {
	text-decoration:underline;
	color:#1854a5
}
@media (max-width:991px) {
	#sitemap .page-main-wrap:before {
	background-size:100%
}
#sitemap .list-box .box {
	width:33.333%
}
}@media (max-width:767px) {
	#sitemap .page-main-wrap:before {
	height:300px;
	background:url(/images/view_banner_mask_s.png) no-repeat center top;
	background-size:100%
}
#sitemap .list-box .box {
	width:50%
}
}@media (max-width:480px) {
	#sitemap .list-box .box {
	width:100%
}
}.invest-tabs {
	position:relative;
	z-index:10;
	display:block;
	margin:0 auto 30px auto
}
.invest-tabs .invest-tabs-on {
	display:none
}
.invest-tabs ul {
	font-size:0;
	text-align:center;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	display:block \9
}
.invest-tabs ul li {
	font-size:1rem;
	white-space:nowrap;
	display:-webkit-inline-flex;
	display:-moz-inline-flex;
	display:-ms-inline-flex;
	display:-o-inline-flex;
	display:inline-flex;
	flex:1 1 150px;
	padding:0 15px;
	display:inline-block \9;
	min-width:150px \9
}
.invest-tabs ul li a {
	width:100%;
	display:block;
	border:1px solid #999;
	color:#333;
	padding:5px 15px;
	border-radius:50px;
	-webkit-transition:border-color .2s,color .2s,background .2s;
	-moz-transition:border-color .2s,color .2s,background .2s;
	-o-transition:border-color .2s,color .2s,background .2s;
	transition:border-color .2s,color .2s,background .2s
}
.invest-tabs ul li a:hover {
	border-color:#1854a5;
	color:#1854a5;
	background:#fcfcfc
}
.invest-tabs ul li.current a {
	border-color:#1854a5;
	background:#1854a5;
	color:#fff
}
@media (max-width:1199px) {
	.invest-tabs ul li {
	padding:0 5px;
	font-size:.95rem
}
}@media (max-width:991px) {
	.invest-tabs .invest-tabs-on {
	cursor:pointer;
	font-size:1rem;
	text-align:center;
	position:relative;
	width:250px;
	display:block;
	color:#666;
	border:1px solid #ddd;
	margin:0 auto;
	padding:8px 20px 8px 10px;
	position:relative;
	box-shadow:0 2px 5px rgba(0,0,0,0.1);
	-webkit-transition:border-color .2s,color .2s;
	-moz-transition:border-color .2s,color .2s;
	-o-transition:border-color .2s,color .2s;
	transition:border-color .2s,color .2s
}
.invest-tabs .invest-tabs-on:hover {
	border-color:#1854a5;
	color:#1854a5
}
.invest-tabs .invest-tabs-on:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	top:50%;
	margin-top:-4px;
	right:15px;
	border-style:solid;
	border-width:8px 5px 0 5px;
	border-color:#999 transparent transparent transparent
}
.invest-tabs .invest-tabs-on:hover:after {
	border-color:#1854a5 transparent transparent transparent
}
.invest-tabs .invest-tabs-on.active:after {
	border-width:0 5px 10px 5px;
	border-color:transparent transparent #999 transparent
}
.invest-tabs .invest-tabs-on.active:hover:after {
	border-color:transparent transparent #1854a5 transparent
}
.invest-tabs ul {
	display:none;
	position:absolute;
	border:1px solid #ddd;
	box-shadow:0 2px 5px rgba(0,0,0,0.1);
	width:250px;
	left:50%;
	margin-left:-125px;
	overflow:hidden;
	margin-top:5px;
	background:#fff
}
.invest-tabs ul li {
	font-size:1rem;
	padding:0;
	display:block;
	min-width:auto;
	border-top:1px solid #ddd
}
.invest-tabs ul li:first-child {
	border-top:none
}
.invest-tabs ul li a {
	border:none;
	border-radius:0;
	padding:8px 15px;
	background:#fff
}
.invest-tabs ul li a:hover {
	background:#eaeaea;
	border:none;
	color:#333
}
.invest-tabs ul li.current a:hover {
	color:#fff;
	background:#1854a5
}
}.t-invest-scroll {
	display:block;
	width:100%;
	margin:0 auto;
	border:1px solid #ddd;
	position:relative
}
.t-invest-scroll .t-body {
	display:block;
	position:relative;
	padding-left:100px
}
.t-invest-scroll .t-side {
	display:block;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background:#f8f8f8;
	border-right:1px solid #ddd;
	font-size:1rem
}
.t-invest-scroll .t-side .t-td {
	height:45px;
	line-height:45px;
	text-align:center;
	border-top:1px solid #ddd
}
.t-invest-scroll .t-side .t-td:first-child {
	border-top:none
}
.t-invest-scroll .t-content {
	display:block;
	padding:0;
	margin:0;
	overflow-y:hidden;
	overflow-x:auto;
	width:100.2% \9
}
_:-ms-input-placeholder,:root .t-invest-scroll .t-content {
	width:calc(100% + 2px)
}
.t-invest-scroll .t-content .inner {
	color:#666;
	display:block
}
.t-invest-scroll .t-row {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	width:100%;
	display:block \9;
	white-space:nowrap \9;
	font-size:0
}
.t-invest-scroll .t-row:hover {
	background:#f9f9f9
}
.t-invest-scroll .t-row li {
	flex:1 0 60px;
	padding:0;
	justify-content:center;
	text-align:center;
	color:#333;
	font-size:1rem;
	height:45px;
	line-height:45px;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	display:inline-block \9;
	vertical-align:top \9;
	padding:0 20px \9;
	min-width:66px \9
}
.t-invest-scroll .t-row:first-child li {
	border-top:none
}
.t-invest-scroll .t-row li:last-child {
	border-right:none
}
.t-invest-scroll .t-row li a {
	display:block;
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	color:#666;
	text-decoration:none
}
.t-invest-scroll .t-row li a:hover {
	color:#1854a5;
	text-decoration:underline
}
.t-invest-scroll .t-head-bg {
	background:#333;
	color:#fff
}
.t-invest-scroll .t-row.t-head-bg li {
	background:#333;
	color:#fff;
	flex:1 1 100vw
}
.t-invest-scroll .col-years {
	width:100px
}
.t-invest-scroll .col-months {
	width:calc(100% - 100px)
}
@media (max-width:767px) {
	.t-invest-scroll .t-row,.t-invest-scroll .t-head .col-stock {
	flex:1 0 500px
}
}.t-invest-list {
	display:block;
	font-size:1rem
}
.t-invest-list .t-head {
	background:#333;
	color:#fff;
	display:block;
	height:45px;
	line-height:45px;
	font-size:0
}
.t-invest-list .t-head .t-th {
	display:inline-block;
	vertical-align:top;
	font-size:1rem;
	text-align:center
}
.t-invest-list .t-body {
	display:block;
	position:relative
}
.t-invest-list .t-row {
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex:1 0 890px;
	display:block \9;
	font-size:0;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	white-space:nowrap \9
}
.t-invest-list .t-row li {
	display:-webkit-inline-flex;
	display:-moz-inline-flex;
	display:-ms-inline-flex;
	display:-o-inline-flex;
	display:inline-flex;
	flex:1 0 60px;
	padding:0;
	justify-content:center;
	text-align:center;
	color:#333;
	font-size:1rem;
	height:45px;
	line-height:45px;
	border-right:1px solid #ddd;
	display:inline-block \9;
	vertical-align:top \9;
	padding:0 20px \9;
	min-width:178px \9
}
.t-invest-list .t-row li.tit {
	background:#f8f8f8;
	flex:0 0 100px;
	min-width:auto \9;
	width:100px \9
}
.t-invest-list .t-row li a {
	color:#333;
	text-decoration:none
}
.t-invest-list .t-row li a:hover {
	color:#1854a5;
	text-decoration:underline
}
.t-invest-list .col-years {
	width:100px
}
.t-invest-list .col-months {
	width:calc(100% - 100px)
}
@media (max-width:991px) {
	.t-invest-list .t-head {
	display:none
}
.t-invest-list .t-body .t-row {
	display:block;
	margin-bottom:15px;
	font-size:0;
	position:relative;
	white-space:normal \9
}
.t-invest-list .t-row li {
	display:inline-block;
	width:50%;
	font-size:1rem;
	text-align:left;
	border-top:1px solid #ddd;
	padding:5px 10px;
	line-height:2;
	height:auto
}
.t-invest-list .t-row li.tit {
	display:block;
	width:100%;
	background:#333;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:1rem;
	padding:0 5px;
	text-align:center
}
.t-invest-list .t-row li:not(.tit) a:before {
	content:'\f0ed';
	font-family:'FontAwesome';
	color:#666;
	font-size:1.2rem;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 0 0
}
.t-invest-list .t-row li a:hover:before {
	color:#1854a5
}
}@media (max-width:549px) {
	.t-invest-list .t-row li {
	width:100%;
	display:block
}
}.t-invest-director {
	display:block;
	font-size:1rem;
	margin:25px auto
}
.t-invest-director .box {
	background:#FAFAFA;
	margin-bottom:15px
}
.t-invest-director .box .name {
	background:#333;
	color:#fff;
	display:block;
	line-height:1.5;
	font-size:1rem;
	padding:12px 15px;
	margin:0
}
.t-invest-director .box .title {
	display:block;
	padding:10px 15px;
	margin:0 15px
}
.t-invest-director .box .title:before {
	content:attr(data-tit)'：';
	display:inline
}
.t-invest-director .box .experience {
	margin:0 15px;
	padding:10px 15px;
	border-top:1px solid #ddd
}
.t-invest-director .box .experience .list {
	font-size:0
}
.t-invest-director .box .experience .list li {
	display:inline-block;
	position:relative;
	vertical-align:top;
	width:50%;
	font-size:1rem;
	padding:3px 15px 3px 15px;
	margin:0
}
.t-invest-director .box .experience .list li:before {
	content:'';
	width:4px;
	height:4px;
	border-radius:50%;
	background:#aaa;
	position:absolute;
	top:14px;
	left:3px
}
.t-invest-director .box .experience:before {
	content:attr(data-tit)'：';
	display:block;
	font-size:1rem;
	margin-bottom:5px
}
@media (max-width:767px) {
	.t-invest-director .box {
	background:none
}
.t-invest-director .box .name {
	padding:10px
}
.t-invest-director .box .title {
	padding:10px 0;
	margin:0 0
}
.t-invest-director .box .experience {
	padding:10px 0;
	margin:0 0
}
.t-invest-director .box .experience .list li {
	display:block;
	width:100%;
	padding:3px 0 3px 15px
}
}.t-invest-download {
	display:block;
	font-size:1rem;
	border:1px solid #ddd
}
.t-invest-download .box {
	background:#fff;
	position:relative;
	padding:15px 60px 15px 10px;
	margin:0;
	font-size:0;
	border-bottom:1px solid #ddd
}
.t-invest-download .box:last-child {
	border-bottom:none
}
.t-invest-download .box:hover {
	background:#f8f8f8
}
.t-invest-download .box .name {
	font-size:1rem;
	line-height:1.5;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0
}
.t-invest-download .box .icon-download {
	width:50px;
	min-width:45px;
	display:block;
	font-size:0;
	color:#1854a5;
	background:#f5f5f5;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	text-align:center;
	-webkit-transition:background .2s,color .2s,width .2s;
	-moz-transition:background .2s,color .2s,width .2s;
	-o-transition:background .2s,color .2s,width .2s;
	transition:background .2s,color .2s,width .2s
}
.t-invest-download .box .icon-download span {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%)
}
.t-invest-download .box .icon-download span:before {
	content:'\f1c1';
	font-family:'FontAwesome';
	font-size:1.25rem;
	line-height:1;
	display:inline-block
}
.t-invest-download .box .icon-download:hover {
	color:#fff
}
.t-invest-download .box:hover {
	background:#f8f8f8;
	padding:15px 80px 15px 10px
}
.t-invest-download .box:hover .icon-download {
	width:70px;
	background:#1854a5;
	color:#fff
}
.t-invest-download .box:hover .icon-download:hover {
	color:#fff;
	background:#E00
}
.t-invest-manage {
	display:block;
	margin:0 0 30px 0;
	padding:0;
	text-align:center
}
.t-invest-manage img {
	max-width:100%
}
.t-invest-manage .img-L {
	display:inline-block
}
.t-invest-manage .img-M {
	display:none
}
.t-invest-manage .img-S {
	display:none
}
@media (min-width:768px) and (max-width:1199px) {
	.t-invest-manage .img-L {
	display:none
}
.t-invest-manage .img-M {
	display:inline-block
}
.t-invest-manage .img-S {
	display:none
}
}@media (max-width:767px) {
	.t-invest-manage .img-L {
	display:none
}
.t-invest-manage .img-M {
	display:none
}
.t-invest-manage .img-S {
	display:inline-block
}
}.t-invest-work {
	display:block;
	font-size:1rem;
	border:1px solid #ddd;
	border-right:none
}
.t-invest-work .t-head {
	display:block;
	position:relative;
	background:#333;
	color:#fff;
	font-size:0;
	padding-left:150px
}
.t-invest-work .t-head .t-th {
	font-size:1rem;
	padding:10px
}
.t-invest-work .t-body .t-row {
	font-size:0;
	padding-left:150px;
	position:relative
}
.t-invest-work .t-body .t-row >li {
	font-size:1rem;
	display:inline-block;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px 10px
}
.t-invest-work .t-body .t-row .col-depart {
	background:#f8f8f8
}
.t-invest-work .col-depart {
	width:150px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	text-align:center
}
.t-invest-work .col-work {
	text-align:left;
	width:100%;
	display:block
}
.inline-list {
	display:inline-block
}
.inline-list li {
	display:inline-block;
	margin:0 0 0 0;
	padding-left:15px;
	position:relative
}
.inline-list li:before {
	content:'';
	width:1px;
	height:13px;
	display:inline-block;
	position:absolute;
	background:#aaa;
	-webkit-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
	top:7px;
	left:5px
}
.inline-list li:first-child {
	padding-left:0
}
.inline-list li:first-child:before {
	display:none
}
@media (max-width:767px) {
	.t-invest-work {
	border:none
}
.t-invest-work .t-row {
	display:block;
	border:1px solid #ddd;
	border-top:none;
	margin-bottom:15px
}
.t-invest-work .t-head {
	display:none
}
.t-invest-work .t-body .t-row {
	padding-left:0
}
.t-invest-work .t-body .t-row >li {
	display:block;
	padding:8px 10px;
	border-right:none
}
.t-invest-work .col-depart {
	width:100%;
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	text-align:center
}
.t-invest-work .t-body .t-row .col-depart {
	background:#333;
	color:#fff
}
}.invest-info {
	font-size:0;
	margin-right:-30px
}
.invest-info .box {
	display:inline-block;
	position:relative;
	font-size:1rem;
	width:calc(100% / 3);
	padding:0 30px 30px 0
}
.invest-info .box a {
	display:block;
	width:100%;
	padding-bottom:75%;
	position:relative;
	background:#f5f5f5;
	border:1px solid #eee;
	color:#333;
	-webkit-transition:background .3s,color .3s;
	-o-transition:background .3s,color .3s;
	transition:background .3s,color .3s
}
.invest-info .box:after {
	content:'';
	width:0;
	height:0;
	position:absolute;
	z-index:2;
	top:1px;
	left:1px;
	border-style:solid;
	border-width:15px 15px 0 0;
	border-color:#c91811 transparent transparent transparent
}
.invest-info .box:hover:after {
	border-color:#F14D46 transparent transparent transparent
}
.invest-info .box a:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0
}
.invest-info .box a:after {
	content:'\f08e';
	font-family:'FontAwesome';
	display:inline-block;
	color:#fff;
	opacity:0;
	position:absolute;
	top:20px;
	right:20px;
	font-size:1.5rem;
	margin-right:5px;
	margin-top:5px;
	-webkit-transition:opacity .3s,margin .3s;
	-o-transition:opacity .3s,margin .3s;
	transition:opacity .3s,margin .3s
}
.invest-info .box a:hover:after {
	opacity:1;
	color:#fff;
	margin-right:0;
	margin-top:0
}
.invest-info .box a h3 {
	margin:0;
	padding:0;
	font-size:2rem;
	bottom:20px;
	left:15px;
	position:absolute
}
.invest-info .box a h3 span {
	display:block;
	font-size:1.1rem;
	margin-bottom:5px;
	margin-left:5px
}
.invest-info .box a:hover {
	background:#C91811;
	color:#fff
}
.invest-info .box a .text {
	position:absolute;
	top:20px;
	left:20px;
	color:#333;
	display:block;
	font-size:.8rem
}
.invest-info .box a .text span {
	display:block;
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
	-webkit-transition:-webkit-transform .3s;
	-moz-transition:-moz-transform .3s;
	-o-transition:-o-transform .3s;
	transition:transform .3s
}
.invest-info .box a:hover .text {
	color:transparent
}
.invest-info .box a .text span:nth-child(1) {
	-webkit-transition-delay:.02s;
	-o-transition-delay:.02s;
	transition-delay:.02s
}
.invest-info .box a .text span:nth-child(2) {
	-webkit-transition-delay:.1s;
	-o-transition-delay:.1s;
	transition-delay:.1s
}
.invest-info .box a .text span:nth-child(3) {
	-webkit-transition-delay:.18s;
	-o-transition-delay:.18s;
	transition-delay:.18s
}
.invest-info .box a:hover .text span {
	-webkit-transform:translateX(10px);
	-ms-transform:translateX(10px);
	-o-transform:translateX(10px);
	transform:translateX(10px)
}
@media (max-width:1199px) {
	.invest-info .box a {
	padding-bottom:100%
}
}@media (max-width:767px) {
	.invest-info {
	margin-right:-20px
}
.invest-info .box {
	width:50%;
	padding:0 20px 20px 0
}
.invest-info .box a {
	height:95px;
	padding-bottom:0
}
.invest-info .box a .text {
	display:block;
	position:absolute
}
.invest-info .box a h3 {
	font-size:1.7rem
}
.invest-info .box a h3 span {
	font-size:1rem
}
.invest-info .box a .text {
	left:100px;
	color:#666
}
}@media (max-width:599px) {
	.invest-info {
	margin-right:0
}
.invest-info .box {
	width:100%;
	padding:0 0 15px 0;
	display:block
}
}.invest-faq .box {
	display:block;
	margin:0 0 20px 0
}
.invest-faq .box .tit {
	margin:0;
	padding:0 0 0 42px;
	position:relative;
	cursor:pointer
}
.invest-faq .box .tit:before {
	content:'Q';
	display:inline-block;
	width:40px;
	height:100%;
	background:#999;
	font-size:1.2rem;
	color:#fff;
	text-align:center;
	line-height:40px;
	position:absolute;
	top:0;
	left:0
}
.invest-faq .box .tit span {
	display:block;
	position:relative;
	background:#f5f5f5;
	font-size:1rem;
	padding:12px 30px 12px 10px
}
.invest-faq .box .tit span:after {
	content:'';
	width:0;
	height:0;
	position:absolute;
	top:50%;
	margin-top:-3px;
	right:15px;
	border-style:solid;
	border-width:6px 5px 0 5px;
	border-color:#ccc transparent transparent transparent
}
.invest-faq .box .tit:hover span {
	background:#eee
}
.invest-faq .box .tit:hover:before {
	background:#888
}
.invest-faq .box .content {
	display:block;
	font-size:1rem;
	padding:10px 20px 10px 50px
}
.invest-faq .box.active .tit:before {
	background:#1854a5
}
.invest-faq .box.active .tit span {
	border-bottom:1px solid #1854a5
}
.t-scroll-box {
	overflow-x:auto;
	margin:10px 0
}
.t-scroll-box table {
	border-collapse:collapse;
	min-width:720px;
	width:100%
}
.t-scroll-box table th,.t-scroll-box table td {
	padding:10px;
	text-align:center;
	font-size:1rem;
	border:1px solid #ddd
}
.t-scroll-box table thead {
	background:#333;
	color:#fff
}
.t-scroll-box table tbody th {
	background:#f5f5f5;
	white-space:nowrap
}
@media (max-width:767px) {
	.invest-faq .box .tit {
	padding:0 0 0 36px
}
.invest-faq .box .tit:before {
	width:34px;
	font-size:1.1rem;
	line-height:38px
}
.invest-faq .box .content {
	padding:10px 0
}
.invest-faq .t-scroll-box table th,.invest-faq .t-scroll-box table td {
	padding:8px
}
}.invest-contact .box {
	background:url(/images/invest_contact_bg.jpg) no-repeat 0 0 #f5f5f5 / auto 100%;
	padding:15px 15px 15px;
	margin:0 0 20px 0;
	display:table;
	width:100%
}
.invest-contact .box .title {
	margin:0;
	padding:0;
	width:200px;
	height:200px;
	display:table-cell;
	position:relative;
	vertical-align:middle;
	text-align:center;
	background:#fff
}
.invest-contact .box .title:before {
	content:'';
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
	border-style:solid;
	border-width:15px 15px 0 0;
	border-color:#1854a5 transparent transparent transparent
}
.invest-contact .box .left {
	display:table-cell;
	width:calc(100% - 200px);
	vertical-align:middle;
	padding-left:30px;
	padding-right:15px
}
.invest-contact .box .left .name {
	font-size:1.2rem;
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc
}
.invest-contact .box .left ul {
	font-size:1rem;
	word-break:break-all
}
.invest-contact .box .left ul .ext {
	margin-left:1rem;
	display:inline-block
}
@media (max-width:767px) {
	.invest-contact .box {
	display:block;
	padding:30px
}
.invest-contact .box .title {
	display:block;
	width:100%;
	height:auto;
	background:none;
	text-align:left;
	font-size:1rem;
	color:#1854a5
}
.invest-contact .box .title:before {
	display:none
}
.invest-contact .box .left .name {
	padding:5px 0;
	font-size:1.1rem;
	border-bottom:none
}
.invest-contact .box .left {
	padding-left:0;
	padding-right:0;
	display:block;
	width:100%
}
}@media (max-width:499px) {
	.invest-contact .box {
	padding:20px
}
.invest-contact .box .left ul .ext {
	margin-left:0;
	display:block
}
}