.wow {
	visibility:hidden
}
.no-cssanimations .wow {
	visibility:visible
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.d-inline-block {
	display:inline-block;
	vertical-align:top
}
.d-none {
	display:none
}
.d-block {
	display:block
}
.v-rl {
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl
}
.v-lr {
	writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr
}
.relative {
	position:relative
}
.ovf {
	overflow:hidden
}
.contact-map .BMapLabel {
	border:0
}
.contact-map .anchorBL {
	display:none
}
.list {
	position:relative;
	font-size:0
}
.list>li {
	display:inline-block;
	vertical-align:top
}
.list-1>li {
	width:100%
}
.list-2>li {
	width:50%
}
.list-3>li {
	width:33.3333%
}
.list-4>li {
	width:25%
}
.list-5>li {
	width:20%
}
.img-box {
	position:relative;
	overflow:hidden
}
.img-box::before {
content:"";
display:block
}
.img-box>img {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	height:100%
}
.wx-share {
	margin-top:-130px;
	margin-left:-120px;
	border-radius:3px;
	position:fixed;
	z-index:1000;
	top:50%;
	left:50%;
	padding:20px 10px;
	width:240px;
	height:280px;
	background-color:#fff;
	cursor:pointer;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1)
}
.wx-share img {
	display:block;
	width:100%
}
.wx-share p {
	font-size:12px;
	line-height:20px;
	text-align:center;
	font-weight:500;
	color:#000
}
.wx-share i {
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	width:2.5em;
	height:2.5em;
	line-height:2.5;
	text-align:center;
	color:#000
}
.clearfix:after {
	content:"";
	display:block;
	clear:both
}
.sm_wd {
	width:75%;
	margin-left:auto;
	margin-right:auto
}
.sm_mini {
	margin-left:12.5%;
	margin-right:12.5%
}
.sm_edge {
	padding-left:12.5%;
	padding-right:12.5%
}
.sm_left {
	float:left
}
.sm_right {
	float:right
}
img.lazy {
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../assets/img/loading.gif)
}
.bgcolor {
	background-color:#F2F2F2
}
.pt-20 {
	padding-top:20px
}
.pt-30 {
	padding-top:30px
}
.pt-40 {
	padding-top:40px
}
.pt-60 {
	padding-top:60px
}
.pt-70 {
	padding-top:70px
}
.pt-80 {
	padding-top:80px
}
.pt-90 {
	padding-top:90px
}
.pt-100 {
	padding-top:100px
}
.pt-110 {
	padding-top:110px
}
.pt-120 {
	padding-top:120px
}
.pt-140 {
	padding-top:140px
}
.pt-150 {
	padding-top:150px
}
.pt-180 {
	padding-top:180px
}
.pt-200 {
	padding-top:200px
}
.pt-210 {
	padding-top:210px
}
.pt-240 {
	padding-top:240px
}
.pt-250 {
	padding-top:250px
}
.mt-20 {
	margin-top:20px
}
.mt-30 {
	margin-top:30px
}
.mt-40 {
	margin-top:40px
}
.mt-60 {
	margin-top:60px
}
.mt-70 {
	margin-top:70px
}
.mt-80 {
	margin-top:80px
}
.mt-90 {
	margin-top:90px
}
.mt-120 {
	margin-top:120px
}
.mt-140 {
	margin-top:140px
}
.sm_titlepage {
	font-size:1.875em;
	font-size:1.5em;
	font-weight:400;
	color:#796798;
	line-height:50px
}
.sm_nav_tabs {
	width:50%;
	margin-left:40px
}
.sm_nav_tabs a {
	display:block;
	margin:0 20px;
	font-size:18px;
	color:#999;
	letter-spacing:1.2px;
	line-height:50px
}
.sm_nav_tabs a.active {
	color:#333;
	font-weight:700
}
.sm_black {
	font-size:2em;
	color:#333
}
.color_block {
	color:#333
}
.sm_descripts {
	font-size:16px
}
.sm_descripts article {
	font-size:14px;
	line-height:24px;
	color:#999
}
.sm_descripts time {
	font-size:2.5em;
	color:#fff;
	font-weight:400;
	letter-spacing:.6px;
	letter-spacing:.4px;
	line-height:56px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:49px;
	right:90px;
	color:#333;
	font-weight:normal
}
.sm_descripts h3 {
	font-size:1.5em;
	font-weight:400;
	color:#333;
	line-height:37px
}
.sm_descripts h3 .couter {
	font-size:16px;
	color:#333;
	line-height:50px
}
.sm_relative {
	position:relative
}
.sm-visible {
	display:block !important
}
.sm-hidden {
	display:none !important
}
.imgScale {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}

@media only screen and (max-width: 1840px) {
.sm_edge {
padding-left:9.375%;
padding-right:9.375%
}
}
@media only screen and (max-width: 1500px) {
.sm_edge {
padding-left:6.25%;
padding-right:6.25%
}
.pt-250 {
padding-top:180px
}
}
@media only screen and (max-width: 1366px) {
.sm_edge {
padding-left:4.16667%;
padding-right:4.16667%
}
}
@media only screen and (min-width: 1025px) {
.sm_nav_tabs a {
position:relative
}
.sm_nav_tabs a:before {
content:"";
position:absolute;
bottom:12px;
left:0;
width:0;
height:2px;
background-color:#333
}
.sm_nav_tabs a.active {
color:#333;
font-weight:700
}
.sm_nav_tabs a:hover {
color:#333
}
.sm_nav_tabs a:hover:before, .sm_nav_tabs a.active:before {
width:100%
}
}
@media only screen and (max-width: 1024px) {
.sm-visible {
display:none !important
}
.sm-hidden {
display:block !important
}
.pt-90, .pt-120, .pt-140, .pt-100, .pt-70, .pt-200, .pt-150, .pt-110, .pt-210, .pt-240, .m-pt-60 {
padding-top:60px
}
.pt-0, .pt-20 {
padding-top:0 !important
}
.pt-80 {
padding-top:60px
}
.mt-90 {
margin-top:40px
}
.pt-60, .pt-m-30, .pt-250 {
padding-top:30px
}
.mt-70 {
margin-top:50px
}
.mt-80, .mt-120, .mt-140 {
margin-top:60px
}
.mt-60 {
margin-top:30px
}
.m-pt-60 {
padding-top:60px
}
.sm_titlepage {
font-size:1.125em;
line-height:28px;
letter-spacing:.4px
}
.sm_heading {
letter-spacing:1px;
line-height:34px
}
.sm_nav_tabs a {
line-height:42px;
font-size:14px
}
.sm_nav_tabs {
float:right;
width:50%;
margin-right:-9.53333%;
position:relative;
left:-20px;
top:-7px
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.sm_nav_tabs {
margin-right:0;
left:0;
width:196px
}
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUpSmall {
	-webkit-animation-name:fadeInUpSmall;
	animation-name:fadeInUpSmall
}
@-webkit-keyframes fadeInUpSlow {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUpSlow {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUpSlow {
	-webkit-animation-name:fadeInUpSlow;
	animation-name:fadeInUpSlow
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftSmall {
from {
opacity:0;
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeftSmall {
from {
opacity:0;
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeftSmall {
	-webkit-animation-name:fadeInLeftSmall;
	animation-name:fadeInLeftSmall
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightSmall {
from {
opacity:0;
-webkit-transform:translate3d(40px, 0, 0);
transform:translate3d(40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRightSmall {
from {
opacity:0;
-webkit-transform:translate3d(40px, 0, 0);
transform:translate3d(40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRightSmall {
	-webkit-animation-name:fadeInRightSmall;
	animation-name:fadeInRightSmall
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}
.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}
.animated.fast {
	-webkit-animation-duration:800ms;
	animation-duration:800ms
}
.animated.faster {
	-webkit-animation-duration:500ms;
	animation-duration:500ms
}
.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation:unset !important;
animation:unset !important;
-webkit-transition:none !important;
transition:none !important
}
}
.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.slick-track::after, .slick-track::before {
display:table;
content:""
}
.slick-track::after {
clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0
}
.slick-slide a {
	outline:0
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}
.banner-dots {
	position:absolute;
	bottom:20px;
	right:0;
	left:0;
	font-size:0;
	text-align:center
}
.banner-dots li {
	margin:0 8px;
	display:inline-block;
	vertical-align:top
}
.banner-dots li button {
	position:relative;
	display:inline-block;
	padding:0;
	border:0;
	font-size:0;
	background-color:transparent;
	outline:0;
	cursor:pointer
}
.banner-dots li button::before {
-moz-transition:border .3s ease-out;
-o-transition:border .3s ease-out;
-webkit-transition:border .3s ease-out;
transition:border .3s ease-out;
content:"";
display:block;
width:5px;
height:5px;
border-radius:50%;
background-color:#bababa
}
.banner-dots li.slick-active button::before {
background-color:#0075c2
}


@media only screen and (max-width: 1024px) {
.sm_edge {
padding-left:4.53333%;
padding-right:4.53333%
}
/*.header {
padding-top:9px;
padding-bottom:9px
}
.header .logo {
margin-top:0;
width:240px;
background-size:240px auto
}*/
.menu_wrapper {
padding:12px;
float:right;
margin-right:-12px;
margin-top:3px
}
.menu_wrapper .menu {
position:relative;
display:block;
width:18px;
height:18px
}
.menu_wrapper .menu span {
position:absolute;
left:0;
width:100%;
height:2px;
background-color:#796798;
-moz-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.menu_wrapper .menu span:nth-child(1) {
top:0
}
.menu_wrapper .menu span:nth-child(2) {
top:50%;
margin-top:-1px
}
.menu_wrapper .menu span:nth-child(3) {
bottom:0
}
.menu_wrapper .close span:nth-child(1) {
-moz-transform:translate(1px, 8px) rotate(45deg);
-ms-transform:translate(1px, 8px) rotate(45deg);
-webkit-transform:translate(1px, 8px) rotate(45deg);
transform:translate(1px, 8px) rotate(45deg)
}
.menu_wrapper .close span:nth-child(2) {
display:none
}
.menu_wrapper .close span:nth-child(3) {
-moz-transform:translate(1px, -8px) rotate(-45deg);
-ms-transform:translate(1px, -8px) rotate(-45deg);
-webkit-transform:translate(1px, -8px) rotate(-45deg);
transform:translate(1px, -8px) rotate(-45deg)
}
.menu_wrapper.pull_menu {
position:absolute;
top:9px;
right:4.53333%
}
.header .btn {
font-size:26px;
font-size:20px;
padding:0;
line-height:48px
}
.header .btn.icon-search1, .header .btn.icon-langs {
display:none
}
.header .tools {
right:0;
margin-right:10px;
margin-top:0
}
.placeholder {
height:66px
}
.header .btn span {
margin-left:8px
}
.header .icon-icon_lang {
display:none
}
.header .icon-icon_think {
display:none
}
.otherpage .placeholder {
height:67px
}
.main_nav {
display:block;
position:fixed;
top:66px;
left:0;
width:100%;
z-index:3000;
height:calc(100vh - 66px);
float:none;
clear:both;
margin-left:0;
background-color:#fff;
left:100%
}
.main_nav .main-menu {
margin-left:20%;
background-color:#fff;
height:100%;
position:relative;
z-index:500;
overflow-y:scroll;
overflow-x:hidden
}
.main_nav .bgcover {
display:block;
position:absolute;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.8);
z-index:20;
left:0
}
.main_nav li {
width:100%
}
.main_nav .dropdown {
display:none;
position:relative;
top:0;
left:0;
padding-top:10px;
width:100%;
padding-bottom:0
}
.main_nav .nav {
margin-top:0;
position:relative;
z-index:1000;
padding-top:20px;
height:calc(100% - 168px);
height:60%;
height:auto;
overflow-y:scroll;
overflow-x:hidden
}
.main_nav .dropdown>li {
padding:10px 20px
}
.main_nav .nav>li>a {
display:block;
color:#fff;
font-size:14px;
line-height:20px;
padding:10px 20px;
padding:10px 4.53333%;
margin:0 20px;
color:#000
}
.main_nav .nav>li.selected>a {
opacity:1
}
.main_nav .nav>li.on>a {
opacity:.5
}
.main_nav .nav>li {
padding:0
}
.nav_bgcover {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:calc(100vh - 66px);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
z-index:200
}
.main_nav .sub_nav {
display:none;
position:relative;
top:0;
left:0;
bottom:0;
right:0
}
.main_nav .nav>li>a:before {
display:none
}
.modal-lang__list {
position:relative;
top:auto;
bottom:0;
left:0;
display:block !important;
z-index:500;
background:none;
text-align:left;
border-top:1px solid rgba(0, 0, 0, 0.2);
padding:12px 4.53333%;
margin-top:20px
}
.modal-lang__list ul {
text-align:left
}
.modal-lang__list ul li {
width:auto;
margin-top:12px;
margin-bottom:12px;
width:62px;
width:90px
}
.modal-lang__list ul li a {
font-size:14px;
color:#333
}
.modal-lang__list ul li.active a:before {
width:100%
}
.main_nav .dropdown_wrapper {
background:none;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-size:0
}
.main_nav .dropdown_wrapper .dropdown_info, .main_nav .dropdown_wrapper .dropdown_pic {
display:none
}
.main_nav .dropdown_wrapper .dropdown {
width:100%;
margin-right:0;
margin-left:0;
padding-top:0;
position:relative
}
.main_nav .dropdown_wrapper .dropdown:before {
content:"";
position:absolute;
left:0;
width:100%;
height:1px;
background-color:rgba(255, 255, 255, 0.2)
}
.main_nav .dropdown_wrapper .dropdown ul {
padding-left:4.53333%;
padding-right:4.53333%;
padding-top:8px
}
.main_nav .dropdown_wrapper .dropdown ul>li {
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px
}
.main_nav .dropdown_wrapper .dropdown ul>li a {
font-size:14px;
color:#fff;
color:#333;
padding-bottom:0;
padding-left:15px;
padding-right:15px
}
.main_nav .dropdown_wrapper .dropdown ul>li:before, .main_nav .dropdown_wrapper .dropdown ul>li:after {
display:none
}
.main_nav .dropdown_wrapper .dropdown ul>li span {
display:none
}
.main_nav .dropdown_wrapper .dropdown dl {
display:none
}
.header .search_container {
top:0;
padding:8px 0;
background-color:#fff
}
.header .search_container form {
display:block;
height:50px;
margin-left:4.53333%;
margin-right:4.53333%
}
.header .search_container .btn_search {
float:left;
height:50px;
line-height:50px;
color:#999
}
.header .search_container .group_control {
float:right;
height:50px;
width:calc(100% - 50px);
color:#999;
border-bottom:none;
padding:0
}
.header .search_container .btn_close {
color:#333;
top:8px;
right:4.53333%;
margin-right:-15px
}
.header .search_container input::-webkit-input-placeholder {
color:#999
}
.header .search_container input::-moz-placeholder {
color:#999
}
.header .search_container input:-moz-placeholder {
color:#999
}
.header .search_container input:-ms-input-placeholder {
color:#999
}
.main_nav .dropdown_wrapper .dropdown ul>li a span {
display:none
}
.header .think_nav {
display:none !important
}
.head-search__bth {
font-size:20px;
position:absolute;
top:50%;
margin-top:-10px;
padding-right:15px;
right:6.83594vw;
margin-right:20px
}
.head-search__bth:after {
content:"";
display:block;
position:absolute;
right:0;
top:0;
width:1px;
height:100%;
background-color:#796798
}
.main_nav .nav>li:nth-last-of-type(2) {
margin-left:0
}
.main_nav .nav>li:nth-last-of-type(2) a, .main_nav .nav>li:nth-last-of-type(1) a {
font-size:14px
}
}
@media (max-width: 800px) {
.site-search__search__field {
width:490px
}
}
@media (max-width: 500px) {
.head-search__bth {
font-size:18px;
margin-top:-9px
}
.site-search__search__field {
width:calc(100% - 40px)
}
}
@media only screen and (max-width: 330px) {
.header .logo {
margin-top:0;
width:200px;
background-size:200px auto
}
}
.sm_col {
	position:relative;
	overflow:hidden
}
.sm_col .sm_container {
	position:relative;
	overflow:hidden
}
.index_banner {
	overflow:hidden;
	z-index:400
}
.index_banner .item_slick {
	display:block;
	position:relative
}
.index_banner .item_slick .img-box:before {
	padding-top:31.25%
}
.index_banner .item_slick .img-box img {
	display:block;
	width:100%
}
.index_banner .item_slick .img-box .opac {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden
}
.index_banner .item_slick figcaption {
	position:absolute;
	top:34%;
	left:12.5%;
	z-index:20
}
.index_banner .item_slick h2 {
	font-size:4.5em;
	color:#fff;
	letter-spacing:2px;
	font-weight:700
}
.index_banner .item_slick h3 {
	font-size:4.5em;
	color:#fff;
	letter-spacing:1.2px;
	font-weight:300;
	margin-top:40px
}
.slick-dots_effect .slick-dots {
	position:absolute;
	bottom:40px;
	left:0;
	font-size:0;
	margin-left:0;
	text-align:center;
	width:100%
}
.slick-dots_effect .slick-dots li {
	display:inline-block;
	padding:10px;
	cursor:pointer
}
.slick-dots_effect .slick-dots li button {
	padding:0;
	margin:0;
	border:none;
	background:none;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#999;
	font-size:0;
	cursor:pointer
}
.slick-dots_effect .slick-dots .slick-active button, .slick-dots_effect .slick-dots li:hover button {
	background-color:#E60012 !important
}
.slick-dots_effect.js-inforpic__slick .slick-dots {
	bottom:20px;
	bottom:0
}
.intro-slides .slide {
	display:block
}
.intro-slides .slide .img-box:before {
	padding-top:31.25%
}
.intro {
	display:none;
	height:100%;
	width:100%;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:100
}
.intro-slides {
	position:relative;
	height:100%;
	width:100%;
	-webkit-transform-style:preserve-3d;
	-webkit-backface-visibility:visible;
	-webkit-transition-timing-function:ease-out;
	transform-style:preserve-3d;
	backface-visibility:visible;
-webkit-transition:all .8s;
-o-transition:all .8s;
transition:all .8s;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.intro-slides .intro-slide {
	position:absolute;
	top:0;
	left:0;
	-webkit-transform-style:preserve-3d;
-webkit-transition:all .8s;
	-webkit-transition-timing-function:ease-out;
	-webkit-transform:rotateY(-90deg) translateZ(46.7vw);
	-webkit-backface-visibility:hidden;
	transform-style:preserve-3d;
-webkit-transition:all .8s;
-o-transition:all .8s;
transition:all .8s;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	transform:rotateY(-90deg) translateZ(46.7vw);
	backface-visibility:hidden;
	z-index:1;
	width:100%;
	height:100%
}
.intro-slides .intro-slide:first-of-type {
	-webkit-transform:rotateY(0deg) translateZ(46.7vw)
}
.intro-slides .intro-slide:first-of-type {
	-webkit-transform:rotateY(0deg) translateZ(46.7vw);
	transform:rotateY(0deg) translateZ(46.7vw)
}
.solution {
margin:0 -.625vw;
	clear:both;
	padding-top:20px
}
.solution .item_slick {
	display:block;
	position:relative;
margin:0 .625vw;
	overflow:hidden
}
.solution .item_slick .img-box:before {
	padding-top:60.46931%
}
.solution .item_slick figcaption {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:20;
	padding:30px;
	z-index:20
}
.solution .item_slick h3 {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px
}
.solution .item_slick:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size:100%;
	background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
	background-image:linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
	z-index:10
}
.solution .item_slick .read_more {
	width:100%;
	padding:0 30px;
	left:0;
	color:#fff !important
}
.solution .item_slick .read_more:before {
	display:none
}
.read_more {
	position:absolute;
	bottom:30px;
	left:30px;
	width:auto;
	padding:0;
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	letter-spacing:1px;
	line-height:22px;
-moz-transition:cubic-bezier(0.32, 0.17, 0, 1) .7s;
-o-transition:cubic-bezier(0.32, 0.17, 0, 1) .7s;
-webkit-transition:cubic-bezier(0.32, 0.17, 0, 1) .7s;
transition:cubic-bezier(0.32, 0.17, 0, 1) .7s
}
.read_more i {
	position:absolute;
	top:0;
	right:30px
}
.sm_control_tools {
	position:absolute;
	top:0;
	right:0;
	margin-right:-1.66667vw
}
.sm_control_tools .arrows {
	display:inline-block;
	font-size:12px;
	color:#333;
	padding:0 1.66667vw;
	color:#999;
	height:50px;
	line-height:50px
}
.wks_hot {
	display:block;
	width:100%;
	position:relative;
	overflow:hidden
}
.wks_hot .img-box:before {
	padding-top:53.7594%
}
.wks_hot figcaption {
	position:absolute;
	top:0;
	left:0;
	padding:30px;
	width:100%;
	height:100%
}
.wks_hot figcaption article {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:30px;
	color:#fff
}
.wks_hot figcaption h3 {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px
}
.wks_hot figcaption h4 {
	font-size:1.5em;
	color:#fff;
	letter-spacing:1.5px;
	margin-bottom:9px
}
.wks_hot figcaption .read_more {
	left:auto;
	right:30px;
	bottom:34px;
	line-height:22px
}
.in-project__pic {
	display:block;
	width:62.70833%;
	position:relative;
	overflow:hidden
}
.in-project__pic h3 {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	margin:30px;
	position:absolute;
	top:0;
	left:0;
	z-index:20
}
.wks_recommend {
	position:absolute;
	top:0;
	right:0;
	width:35.625%;
	background-color:#fff;
	height:100%
}
.wks_recommend .recommommend {
	height:100%
}
.wks_recommend .recommommend .slick-list, .wks_recommend .recommommend .slick-track, .wks_recommend .recommommend .slick-slide {
	height:100%
}
.wks_recommend>h3 {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	color:#333;
	margin:30px;
	position:absolute;
	top:0;
	left:0;
	z-index:20
}
.wks_recommend>h3:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:2px;
	background-color:#796798
}
.wks_recommend .item_slick {
	display:block;
	position:relative;
	height:100%
}
.wks_recommend .item_slick h3 {
	font-size:2.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#796798;
	font-family:Arial, Helvetica, sans-serif;
	line-height:44px;
	margin-bottom:5px
}
.wks_recommend .item_slick h3 span {
	font-family:Arial, Helvetica, sans-serif;
}
.wks_recommend .item_slick h4 {
	font-size:14px;
	letter-spacing:.4px;
	color:#333;
	margin-top:10px
}
.wks_recommend .item_slick figcaption {
	position:absolute;
	top:50%;
	left:30px;
	width:210px
}
.wks_recommend .item_slick figure {
	float:right;
	height:100%;
	width:calc(100% - 240px);
	position:relative
}
.wks_recommend .item_slick .img_response {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:80%;
	margin:0 auto;
	background:none
}
.wks_recommend .slick-dots {
	text-align:center;
	left:0;
	width:100%;
	bottom:20px
}
.wks_recommend .slick-dots li button {
	width:6px;
	height:6px
}
.info_mutips {
	font-size:14px;
	letter-spacing:1px;
	color:#999;
	line-height:26px;
	line-height:28px
}
.info_mutips strong {
	color:#333;
	font-weight:700
}
.info_mutips p {
	text-align:left !important;
	word-break:break-all
}
.expo_activity {
	width:23.75%
}
.sm_expo_active {
	display:block;
	position:relative;
	margin-top:20px
}
.sm_expo_active a {
	display:block;
	position:relative
}
.sm_expo_active .img-box:before {
	padding-top:122.22222%
}
.sm_expo_active .img-box:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMGI5ZiIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxMzFiOGUiIHN0b3Atb3BhY2l0eT0iMC40OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0NTQ1NCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size:100%;
	background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 11, 159, 0.72)), color-stop(50%, rgba(19, 27, 142, 0.48)), color-stop(100%, rgba(84, 84, 84, 0)));
	background-image:-moz-linear-gradient(left, rgba(0, 11, 159, 0.72), rgba(19, 27, 142, 0.48), rgba(84, 84, 84, 0));
	background-image:-webkit-linear-gradient(left, rgba(0, 11, 159, 0.72), rgba(19, 27, 142, 0.48), rgba(84, 84, 84, 0));
	background-image:linear-gradient(to right, rgba(0, 11, 159, 0.72), rgba(19, 27, 142, 0.48), rgba(84, 84, 84, 0))
}
.sm_expo_active figcaption {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:20;
	padding:30px;
	background-image:linear-gradient(rgba(49, 49, 49, 0.8), rgba(0, 0, 0, 0.01))
}
.sm_expo_active figcaption h3 {
	font-size:1.5em;
	color:#fff;
	letter-spacing:1.5px;
	font-size:1.5em;
	letter-spacing:.2px;
	line-height:40px
}
.sm_expo_active figcaption .info_mutips {
	color:#fff;
	line-height:24px
}
.news_activity {
	width:74.58333%
}
.sm_news_active {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-top:20px
}
.sm_news_active .news_detl {
	width:65.92179%;
	position:relative
}
.sm_news_active .news_detl:before {
	content:"";
	display:block;
	padding-top:59.03955%
}
.sm_news_active .news_detl>div {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden
}
.sm_news_active .news_detl a {
	display:block;
	position:relative
}
.sm_news_active .news_detl div.active {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible
}
.sm_news_active .news_detl .img-box {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.sm_news_active .news_detl .img-box:before {
	padding-top:59.03955%
}
.sm_news_active .news_detl .img-box:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background-size:100%;
	background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
	background-image:linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
	z-index:10
}
.sm_news_active .news_detl figcaption {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200
}
.sm_news_active .news_detl h3 {
	font-size:1.5em;
	color:#fff;
	letter-spacing:1.5px;
	letter-spacing:.2px;
	line-height:40px
}
.sm_news_active .news_detl time {
	display:block;
	color:#fff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.2px;
	margin-top:20px
}
.sm_news_active .sm_news__inner {
	padding:30px;
	background-image:linear-gradient(rgba(49, 49, 49, 0.8), rgba(0, 0, 0, 0.01))
}
.sm_news_active .news_list {
	width:34.07821%;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	background-color:#333;
	background-color:#fff;
	margin-left:0;
	margin-right:0
}
.sm_news_active .news_list .list {
	padding:30px
}
.sm_news_active .news_list li {
	margin-bottom:20px;
	margin-top:0
}
.sm_news_active .news_list a {
	display:block;
	margin:0
}
.sm_news_active .news_list h3 {
	font-size:16px;
	color:#666;
	letter-spacing:1.2px;
	line-height:26px;
	color:#969696;
	color:#000
}
.sm_news_active .news_list time {
	display:block;
	color:#fff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.2px;
	font-size:12px;
	color:#666;
	margin-top:10px;
	color:#969696;
	color:#000
}
.sm_news_active .news_list .read_more {
	color:#000
}
.sm_columu {
	background-color:#fff
}
.sm_columu li {
	font-size:16px;
	padding:60px 0;
	position:relative;
-moz-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .8s cubic-bezier(0.32, 0.17, 0, 1)
}
.sm_columu a {
	display:inline-block;
	text-align:left;
	padding:0 24%
}
.sm_columu a:before {
	content:"";
	display:block;
	position:absolute;
	top:60px;
	bottom:60px;
	right:0;
	width:1px;
	height:auto;
	background-color:rgba(0, 0, 0, 0.1)
}
.sm_columu a h3 {
	font-size:1.875em;
	font-size:1.5em;
	color:#333;
-moz-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .8s cubic-bezier(0.32, 0.17, 0, 1)
}
.sm_columu a p {
	font-size:14px;
	color:#333;
	margin-top:10px;
	line-height:24px;
	height:48px;
-moz-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .8s cubic-bezier(0.32, 0.17, 0, 1)
}
.sm_columu a i {
	display:inline-block;
	color:#999;
	margin-top:30px;
-moz-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .8s cubic-bezier(0.32, 0.17, 0, 1);
	font-size:12px
}
.sm_columu li:last-child a:before {
	display:none
}
@media only screen and (max-width: 1680px) and (min-width: 1025px) {
.expo_hidden {
display:none
}
.sm_news_active .news_list h3 {
height:24px;
overflow:hidden
}
.sm_columu a p {
height:48px
}
}
@media only screen and (max-width: 1460px) and (min-width: 1025px) {
.index_banner .item_slick h2, .index_banner .item_slick h3 {
font-size:3.375em
}
}
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
.expo_hidden {
display:none
}
}
@media only screen and (min-width: 1025px) {
.sm_control_tools .arrows:hover {
color:#333
}
.solution .item_slick figcaption {
-moz-transform:translateY(60%);
-ms-transform:translateY(60%);
-webkit-transform:translateY(60%);
transform:translateY(60%)
}
.solution .item_slick:hover figcaption {
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
.solution .item_slick .read_more {
-moz-transform:translateY(20px);
-ms-transform:translateY(20px);
-webkit-transform:translateY(20px);
transform:translateY(20px);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0
}
.solution .item_slick:hover .read_more {
transition-delay:0s;
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1
}
.sm_columu li:hover {
background-color:#796798
}
.sm_columu li:hover a h3, .sm_columu li:hover a p, .sm_columu li:hover a i {
color:#fff;
-moz-transform:translate(20px, 0);
-ms-transform:translate(20px, 0);
-webkit-transform:translate(20px, 0);
transform:translate(20px, 0)
}
.wks_recommend .item_slick:hover h3:before {
width:100%
}
.sm_news_active .news_list a:hover h3, .sm_news_active .news_list a:hover time, .sm_news_active .news_list a.active h3, .sm_news_active .news_list a.active time, .sm_news_active .news_list .read_more:hover {
color:#796798
}
.sm_news_active .news_list .read_more:hover {
background-size:100% 100%
}
.sm_news_active .news_detl h3 span, .sm_expo_active figcaption h3 span, .read_more, .wks_hot figcaption h4 span {
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 95%, #ffffff 0%);
cursor:pointer;
background-size:0 100%;
background-repeat:no-repeat;
text-decoration:none;
-moz-transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.sm_news_active .news_list h3 span, .sm_news_active .news_list .read_more {
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 95%, #796798 0%);
cursor:pointer;
background-size:0 100%;
background-repeat:no-repeat;
text-decoration:none;
-moz-transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:background-size .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.wks_recommend .item_slick h3 span {
position:relative
}
.wks_recommend .item_slick h3 span:before {
content:"";
display:block;
width:0;
height:3px;
position:absolute;
bottom:3px;
left:0;
background-color:#796798;
-moz-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.wks_recommend .item_slick:hover h3 span:before {
width:100%
}
.sm_news_active .news_detl a:hover h3 span, .sm_expo_active:hover figcaption h3 span, .sm_news_active .news_list a:hover h3 span, .sm_news_active .news_list a.active h3 span, .read_more:hover, .wks_hot:hover figcaption h4 span {
background-size:100% 100%
}
.solution .item_slick .read_more:hover {
background-size:0 100%
}
.wks_hot figcaption .read_more {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
visibility:hidden;
transform:translate(0, 20px);
-moz-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.wks_hot:hover figcaption .read_more {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
visibility:visible;
transform:translate(0, 0)
}
}
@media only screen and (max-width: 1024px) {
.sm_col {
overflow:hidden
}
.sm_col .sm_container {
overflow:visible
}
.index_banner {
height:auto !important
}
.index_banner .item_slick {
overflow:hidden
}
.index_banner .item_slick .img-box:before, .intro-slides .slide .img-box:before {
height:auto !important;
padding-top:113.33333%
}
.index_banner .item_slick h2 {
font-size:1.5em
}
.index_banner .item_slick h3 {
font-size:1.5em;
margin-top:20px
}
.index_banner .item_slick figcaption {
left:4.53333%;
top:41%
}
.slick-dots_effect .slick-dots {
left:0;
width:100%;
text-align:center;
bottom:30px
}
.slick-dots_effect.js-inforpic__slick .slick-dots {
bottom:0
}
.solution {
display:inline-block;
vertical-align:top;
width:100%;
padding-top:0;
margin:0
}
.solution .item_slick figcaption {
padding:20px
}
.solution .item_slick .read_more {
padding:0 20px
}
.solution .item_slick {
margin:0
}
.solution>div {
margin-top:20px
}
.in-project__pic {
width:100%;
margin-top:30px
}
.in-project__pic h3 {
font-size:1.125em;
line-height:28px;
letter-spacing:.4px
}
.wks_recommend {
position:relative;
width:100%;
margin-top:30px
}
.wks_recommend:before {
content:"";
display:block;
padding-top:79.23977%
}
.wks_recommend .recommommend {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.wks_recommend>h3 {
margin:20px
}
.wks_recommend .item_slick figcaption {
left:20px
}
.wks_recommend .item_slick figure {
width:calc(100% - 230px)
}
.wks_recommend .slick-dots {
text-align:center;
padding-right:0;
bottom:20px
}
.expo_activity {
width:100%
}
.sm_expo_active {
margin-top:20px
}
.sm_expo_active figcaption {
padding:20px
}
.sm_expo_active figcaption h3 {
font-size:18px
}
.read_more {
left:20px;
bottom:20px
}
.news_activity {
width:100%;
margin-top:60px
}
.sm_news_active .news_detl {
width:100%
}
.sm_news_active .news_list {
position:relative;
width:100%;
top:-1px;
padding-bottom:70px
}
.sm_news_active .sm_news__inner {
padding:20px
}
.sm_news_active .news_detl time {
margin-top:10px
}
.sm_news_active .news_list .list {
padding:20px
}
.sm_news_active .news_list a.active h3 {
text-decoration:underline
}
.sm_news_active .news_list a.active h3, .sm_news_active .news_list a.active time {
color:#fff
}
.sm_columu li {
width:100%;
padding-left:40px;
padding-right:40px;
text-align:center
}
.sm_columu a h3 {
font-size:1.25em
}
.sm_columu a:before {
left:0;
width:auto;
height:1px;
bottom:0;
top:auto;
left:40px;
right:40px;
background-color:rgba(0, 0, 0, 0.1)
}
.sm_columu a {
width:50%;
padding:0
}
.wks_hot figcaption .read_more {
display:none;
bottom:0;
right:0;
position:relative;
margin-top:10px
}
.read_more i {
font-size:12px
}
.sm_expo_active .read_more {
left:20px;
right:auto
}
.sm_news_active .news_list li:last-child {
display:block
}
.sm_columu a p {
height:auto
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.wks_recommend:before {
padding-top:60.23977%
}
.wks_recommend .item_slick .img_response {
width:50%
}
.wks_recommend>h3 {
margin:30px
}
.wks_recommend .item_slick figcaption {
left:30px
}
.wks_recommend .slick-dots {
text-align:center;
padding-right:0;
padding-left:230px
}
}
@media only screen and (max-width: 768px) {
.solution .item_slick h3 {
font-size:16px
}
.wks_hot figcaption {
padding:20px
}
.wks_hot figcaption h3 {
font-size:14px
}
.wks_hot figcaption h4 {
font-size:18px;
margin-bottom:0
}
.wks_hot figcaption article {
padding:20px;
padding-bottom:10px
}
.wks_recommend>h3 {
font-size:14px
}
.wks_recommend .item_slick h3 {
font-size:1.625em
}
.wks_recommend .item_slick h4 {
font-size:12px;
margin-top:0
}
.wks_recommend .item_slick article {
margin-top:30px
}
.wks_recommend .item_slick figcaption {
width:190px
}
.wks_recommend .item_slick figure {
width:calc(100% - 210px)
}
.sm_news_active .news_detl h3 {
font-size:18px
}
.slick-dots_effect .slick-dots li {
padding:8px
}
.slick-dots_effect .slick-dots li button {
width:8px;
height:8px
}
}
.index-business {
	position:relative
}
.index-business__img {
	position:relative;
	overflow:hidden
}
.index-business__img::before {
content:"";
display:block;
padding-top:41.66667%
}
.index-business__img::after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, 0.5)
}
.index-business__img img {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
@media (max-width: 768px) {
.index-business__img::before {
padding-top:125%
}
.index-business__img img {
height:100%;
width:auto;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
}
.slick-ibusiness {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.ibusiness-item {
	position:relative;
	height:41.66667vw
}
.ibusiness-item::after {
content:"";
position:absolute;
top:0;
right:-1px;
bottom:0;
width:1px;
background-color:rgba(255, 255, 255, 0.5)
}
.ibusiness-item:hover .ibusiness-item__txt {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-120px);
	transform:translateY(-120px)
}
.ibusiness-item:hover .ibusiness-item__body {
	visibility:visible;
	opacity:1
}
.ibusiness-item__txt {
	position:absolute;
	top:50%;
	right:40px;
	left:40px;
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px);
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.ibusiness-item__title {
	position:relative;
	font-size:20px;
	line-height:1.5;
	letter-spacing:0.05em;
	color:#fff;
	font-weight:500
}
.ibusiness-item__title::after {
content:"";
display:block;
margin-top:1em;
width:1.2em;
height:2px;
background-color:#fff
}
.ibusiness-item__desc {
	padding-top:1.4em;
	font-size:14px;
	line-height:26px;
	color:#fff;
	letter-spacing:0.05em
}
.ibusiness-item__link {
	position:relative;
	z-index:1;
	margin-top:40px;
	display:inline-block;
	vertical-align:top;
	width:150px;
	height:40px;
	border-radius:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	letter-spacing:0.05em;
	color:#fff;
-webkit-transition:all .3s;
transition:all .3s
}
.ibusiness-item__link::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:1px solid #fff;
border-radius:40px
}
.ibusiness-item__body {
	visibility:hidden;
	opacity:0;
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.ibusi-title {
	font-size:40px;
	line-height:1;
	text-align:center;
	letter-spacing:0.02em;
	color:#000;
	font-weight:500
}
@media (min-width: 1025px) {
.ibusiness-item__link:hover {
background-color:#fff;
color:#000
}
}
@media (max-width: 1680px) {
.ibusiness-item__txt {
right:20px;
left:20px
}
.ibusiness-item__title {
font-size:16px
}
.ibusi-title {
font-size:32px
}
}
@media (max-width: 1024px) {
.ibusiness-item__link {
width:120px;
height:36px;
line-height:36px
}
.ibusi-title {
font-size:24px;
margin-top:60px
}
}
@media (max-width: 768px) {
.ibusiness-item__body {
display:block !important;
visibility:visible;
opacity:1
}
.ibusiness-item::after {
display:none
}
}
@media (max-width: 768px) {
.ibusiness-item {
height:125vw
}
.ibusiness-item__txt {
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.ibusiness-item:hover .ibusiness-item__txt {
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
}
.inner_banner .img-box:before {
	padding-top:18.22917%
}
.inner_banner figcaption {
	position:absolute;
	top:37%;
	left:12.5%;
	font-size:14px;
	letter-spacing:1.2px;
	color:#fff;
	line-height:26px
}
.inner_banner figcaption h3 {
	font-size:2.5em;
	color:#fff;
	font-weight:400;
	letter-spacing:.6px;
	margin-bottom:30px
}
.inner_banner .pagings {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:21.45833%
}
.inner_banner .pagings .btn {
	display:block;
	width:100%;
	height:50%;
	border-left:1px solid rgba(255, 255, 255, 0.2);
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	text-align:center;
	position:relative
}
.inner_banner .pagings .btn i {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#fff
}
.inner_banner .pagings .btn_next {
	border-bottom:none
}
.bg_color {
	background-color:#3c3c3b
}
.index-bg_color {
	background-color:#796798
}
.sm_crumbs {
	position:absolute;
	position:relative;
	top:0;
	padding-top:20px;
	padding-bottom:20px;
	top:0;
	left:12.5%;
	left:0;
	font-size:0
}
.sm_crumbs:before {
	content:"";
	display:block;
	width:300%;
	position:absolute;
	top:0;
	left:-100%;
	border-top:1px solid #ededed
}
.sm_crumbs li {
	display:inline-block
}
.sm_crumbs li a {
	font-size:14px;
	color:#999
}
.sm_crumbs li:after {
	content:"";
	display:inline-block;
	width:20px;
	height:2px;
	background-color:#999;
	vertical-align:4px;
	margin-left:5px;
	margin-right:5px
}
.sm_crumbs li:last-child:after {
	display:none
}
.sm_crumbs li.active a {
	color:#333
}
.solution_list a, .solution_list .item-box {
	display:block;
	position:relative
}
.solution_list a figure, .solution_list .item-box figure {
	width:50%
}
.solution_list a figcaption, .solution_list .item-box figcaption {
	width:50%;
	position:absolute;
	top:0;
	height:100%;
	background-color:#fff;
	padding:40px 40px 20px 40px;
	font-size:0
}
.solution_list a .img-box:before, .solution_list .item-box .img-box:before {
	padding-top:59.72222%
}
.solution_list a .img-box:after, .solution_list .item-box .img-box:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.4);
	z-index:300
}
.solution_list a h3, .solution_list .item-box h3 {
	display:inline-block;
	font-size:1.5em;
	color:#333;
	font-weight:400;
	letter-spacing:1px;
	line-height:52px;
	vertical-align:top;
	width:52.27778%;
	font-size:30px;
	min-height:52px
}
.solution_list a article, .solution_list .item-box article {
	display:inline-block;
	width:47.72222%
}
.solution_list a .detail, .solution_list .item-box .detail {
	position:absolute;
	bottom:60px;
	left:60px
}
.solution_list a .status, .solution_list .item-box .status {
	display:block;
	font-size:14px;
	letter-spacing:1.2px;
	color:#796798;
	position:relative;
	vertical-align:top;
	position:absolute;
	bottom:60px;
	left:60px;
	line-height:24px
}
.solution_list a .status:before, .solution_list .item-box .status:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#796798;
	margin-right:6px
}
.solution_list a .code, .solution_list .item-box .code {
	position:absolute;
	bottom:60px;
	left:54.27778%;
	width:53px;
	height:auto
}
.solution_list li {
	margin-top:60px;
	font-size:16px
}
.solution_list li:nth-child(odd) figure {
float:right
}
.solution_list li:nth-child(odd) figcaption {
left:0
}
.solution_list li:nth-child(even) figure {
float:left
}
.solution_list li:nth-child(even) figcaption {
right:0
}
.ellipsis-clamp-5 {
	height:140px
}
.ellipsis-clamp {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden
}
.comp_list .list {
margin-left:-.625vw;
margin-right:-.625vw
}
.comp_list .list li {
	margin-top:50px
}
.comp_list a, .comp_list .item-box {
	position:relative;
margin:0 .625vw
}
.comp_list a:before, .comp_list .item-box:before {
	content:"";
	display:block;
	padding-top:0;
	height:562px
}
.comp_list a figcaption, .comp_list .item-box figcaption {
	width:100%
}
.comp_list a h3, .comp_list .item-box h3 {
	font-size:24px;
	line-height:36px;
	letter-spacing:.6px;
	padding-right:16%
}
.comp_list a .status, .comp_list .item-box .status {
	color:#333
}
.comp_list a .status:before, .comp_list .item-box .status:before {
	background-color:#333
}
.comp_list a .code, .comp_list .item-box .code {
	width:auto;
	bottom:30px
}
.comp_list a .logopic, .comp_list .item-box .logopic {
	width:170px;
	height:auto
}
.groups_list a:before {
	height:0
}
.groups_list a figcaption {
	position:relative
}
.groups_list a .foot {
	width:100%;
	position:relative
}
.groups_list a .status {
	bottom:auto;
	top:50%;
	left:0;
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.groups_list a .info_mutips {
	height:320px
}
.groups_list a .logopic {
	position:relative;
	bottom:0;
	left:0;
	margin-left:56.27778%;
	margin-left:0
}
.detail {
	font-size:14px;
	color:#333
}
.detail i {
	margin-left:5px
}
.sm_tip {
	font-size:0
}
.sm_tip h3 {
	font-size:1.5em;
	color:#333;
	font-weight:400;
	letter-spacing:1px;
	line-height:52px;
	line-height:60px;
	margin-top:-10px;
	font-size:30px;
	width:41.38889%
}
.sm_tip article {
	font-size:16px;
	line-height:30px;
	letter-spacing:.6px;
	width:58.61111%
}
.sm_power {
	margin-top:0
}
.sm_power>h3 {
	font-size:1.5em;
	color:#333;
	font-weight:400;
	letter-spacing:1px;
	line-height:52px
}
.sm_power .list {
	margin-left:-12px;
	margin-right:-12px
}
.sm_power .list li {
	margin-top:24px
}
.sm_power .list .item_box {
	margin:0 12px;
	position:relative;
	font-size:16px
}
.sm_power .list .img-box:before {
	padding-top:33.89831%
}
.sm_power .list figcaption {
	position:absolute;
	top:50%;
	left:0;
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	text-align:center;
	width:100%;
	padding-left:10%;
	padding-right:10%
}
.sm_power .list h3 {
	font-size:1.5em;
	color:#fff;
	letter-spacing:1.5px;
	margin-bottom:10px
}
.sm_power .list p {
	font-size:14px;
	letter-spacing:1.2px;
	color:#fff;
	line-height:26px;
	letter-spacing:1px
}
.sm_power .list .black h3, .sm_power .list .black p {
	color:#333
}
.sm_line {
	border-top:1px solid rgba(51, 51, 51, 0.1)
}
.works_list {
margin-left:-.625vw;
margin-right:-.625vw
}
.works_list li {
	font-size:16px
}
.works_list a {
	display:block;
margin:0 .625vw
}
.works_list .img-box:before {
	padding-top:53.88471%
}
.works_list .img-box>img {
	height:auto
}
.works_list figcaption {
	height:180px;
	background-color:#fff;
	padding:35px 40px;
	position:relative
}
.works_list figcaption h3 {
	font-size:1.5em;
	color:#fff;
	letter-spacing:1.5px;
	letter-spacing:.6px;
	color:#333;
	height:94px;
	line-height:36px;
	font-weight:700;
	width:66%
}
.works_list figcaption .number {
	position:absolute;
	top:35px;
	right:60px
}
.works_list figcaption .counter {
	font-size:2.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#796798;
	color:#333;
	font-size:2.5em;
	margin:0
}
.works_list figcaption .square {
	font-size:2.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#796798;
	color:#333;
	font-size:1.75em
}
.works_list figcaption sup {
	font-size:14px
}
.wrk_mod figcaption {
	padding:25px 40px;
	height:auto
}
.wrk_mod figcaption h3 {
	font-size:1.25em;
	line-height:30px;
	height:80px;
	width:65%
}
.wrk_mod figcaption .number {
	top:25px;
	right:40px
}
.wrk_mod figcaption .counter {
	font-size:2.0625em
}
.wrk_mod figcaption .square {
	font-size:1.25em
}
.sm_other_crumbs {
	position:static;
	top:0;
	left:0
}
.sm_other_crumbs li.active a {
	color:#333
}
.sm_other_crumbs:before {
	display:none
}
.sm_penal {
	min-height:80vh;
	position:relative
}
.pull_sidebar {
	width:240px;
	background-color:#fff;
	margin-top:50px
}
.pull_sidebar>ul {
	padding:10px 10px 30px 10px
}
.pull_sidebar>ul>li {
	margin-top:30px;
}
.pull_sidebar>ul>li>a {
	font-size:18px;
	line-height:50px;
	color:#333;
	letter-spacing:.6px;
	padding-left:40px
}
.pull_sidebar>ul>li>a:hover {
	color:#796798 !important;

}
.pull_sidebar>ul ul {
	display:none
}
.pull_sidebar>ul ul.d-block {
	display:block
}
.pull_sidebar>ul ul>li a {
	display:block;
	font-size:14px;
	color:#999;
	letter-spacing:.6px;
	line-height:44px;
	padding-left:40px
}
.pull_sidebar>ul ul>li a:hover {
	color:#796798 !important;

}
.wrk_mod li {
	margin-top:50px
}
.sm_penal_body {
	width:calc(100% - 288px)
}
.prod_list li {
	background-color:#fff;
	font-size:16px;
	margin-top:50px
}
.prod_list a {
	display:block;
	position:relative;
	height:474px
}
.prod_list a figure {
	position:relative;
	width:37.5%;
	height:100%
}
.prod_list a figure:before {
	content:"";
	display:block;
	padding-top:111.11111%;
	padding-top:0;
	height:100%
}
.prod_list a figure img {
	position:absolute;
	top:50%;
	right:0;
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	width:80%;
	background:none
}
.prod_list a figcaption {
	position:absolute;
	top:0;
	right:0;
	width:62.5%;
	height:100%
}
.prod_list a figcaption h3 {
	font-size:2.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#796798;
	font-size:1.875em;
	margin-top:80px;
	color:#333;
	margin-left:5.20833vw;
	position:relative;
	line-height:44px
}
.prod_list a figcaption h3 .tite {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
}
.prod_list a figcaption h3 .tite:before {
	content:"";
	display:block;
	width:0;
	height:3px;
	background-color:#333;
	position:absolute;
	bottom:0;
	left:0
}
.prod_list a figcaption h3 .couter {
	font-size:2.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#796798;
	font-size:16px;
	color:#333;
	position:absolute;
	top:0;
	right:10.41667vw;
	line-height:30px;
}
.prod_list a .params {
	margin-left:4.16667vw;
	margin-top:8%;
	position:relative
}
.prod_list a .params ul {
	width:210px
}
.prod_list a .params li {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:0 1.04167vw;
	margin-top:40px
}
.prod_list a .params .icon {
	display:inline-block
}
.prod_list a .params p {
	font-size:14px;
	letter-spacing:1px;
	color:#999;
	line-height:26px;
	margin-top:10px
}
.prod_list a .detail {
	position:absolute;
	bottom:0;
	right:10.41667vw
}
.products_list {
margin:0 -.625vw;
	margin-top:26px
}
.products_list li {
	font-size:16px;
	margin-top:24px
}
.products_list a {
	display:block;
	position:relative;
margin:0 .625vw;
	background-color:#fff
}
.products_list a figure {
	position:relative;
	overflow:hidden
}
.products_list a figure:before {
	content:"";
	display:block;
	padding-top:53.19149%
}
.products_list a figure img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none
}
.products_list a figcaption {
	font-size:0;
	padding:32px 30px 30px 40px
}
.products_list a figcaption h3 {
	display:inline-block;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	color:#796798;
	font-size:30px !important;
	height:74px;
	overflow:hidden;
	color:#333;
	position:relative;
	line-height:1.21429;
	width:50%
}
.products_list a figcaption h3 span {
	position:relative;
	-moz-transition:background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	-o-transition:background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	-webkit-transition:background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	transition:background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 95%, #000000 0%);
	background-size:0 100%;
	background-repeat:no-repeat
}
.products_list a figcaption h3 span:before {
	content:"";
	display:block;
	width:0;
	height:3px;
	background-color:#333;
	position:absolute;
	bottom:2px;
	left:0
}
.products_list a figcaption h5 {
	display:inline-block;
	vertical-align:top;
	font-size:2.25em;
	color:#796798;
	font-size:16px;
	line-height:1;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	width:50%;
	text-align:right
}
.products_list a figcaption article {
	display:inline-block;
	vertical-align:top;
	width:70%;
	font-size:14px;
	letter-spacing:1px;
	color:#999;
	line-height:26px;
	line-height:1.71429;
	margin-top:10px;
	max-height:96px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif
}
.products_list a figcaption article P{
	font-family:Arial, Helvetica, sans-serif
}
.products_list a figcaption .detail {
	display:inline-block;
	vertical-align:bottom;
	width:30%;
	text-align:right
}
.product_banner {
	position:relative;
	padding-left:100px;
	padding-right:100px
}
.product_banner .prod_for {
	position:relative;
	font-size:0
}
.product_banner .pro_swiper, .product_banner .pro_params {
	width:50%
}
.product_banner .pro_params {
	position:absolute;
	top:0;
	right:0
}
.product_banner figure, .product_banner figcaption {
	position:relative
}
.product_banner figure:before, .product_banner figcaption:before {
	display:block;
	content:"";
	padding-top:105.55556%
}
.product_banner figure img {
	position:absolute;
	top:50%;
	left:50%;
	width:60%;
	height:auto;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:none
}
.product_banner figcaption {
	font-size:16px
}
.product_banner figcaption article {
	position:absolute;
	top:50%;
	left:0;
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.product_banner figcaption h2 {
	font-size:2.25em;
	font-family:Arial, Helvetica, sans-serif;
	color:#796798;
	font-size:1.875em;
	color:#333;
	line-height:50px;
}
.product_banner figcaption p {
	font-size:1em;
	color:#796798;
	letter-spacing:1px;
	line-height:26px
}
.product_banner .prod_nav {
	position:absolute;
	top:50%;
	left:0;
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%);
	width:52px
}
.product_banner .nav_item_slick {
	display:block;
	width:50px;
	height:50px;
	border:1px solid transparent;
	margin:6px 0;
	border-radius:50%;
	position:relative
}
.product_banner .nav_item_slick img {
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	height:auto;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:none
}
.product_banner .slick-current.slick-center .nav_item_slick {
	border-color:#796798
}
.product_banner .sm_button {
	position:absolute;
	top:50%;
	right:0;
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.sm_button a {
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	border-radius:50%;
	background-color:#fff;
	font-size:12px;
	color:#333;
	margin:11px 0
}
.sm_prod_sell li {
	position:relative;
	font-size:16px
}
.sm_prod_sell li figure {
	position:relative
}
.sm_prod_sell li figure:before {
	content:"";
	display:block;
	padding-top:31.25%
}
.sm_prod_sell li figure img {
	position:absolute;
	top:50%;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background:none
}
.sm_prod_sell li figcaption {
	position:absolute;
	top:50%;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.sm_prod_sell li figcaption h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:3.75em;
	color:#fff;
	line-height:50px
}
.sm_prod_sell li figcaption h2, .sm_prod_sell li figcaption h3 {
	font-size:1.875em;
	color:#fff;
	line-height:50px
}
.sm_prod_sell li figcaption h4, .sm_prod_sell li figcaption h5, .sm_prod_sell li figcaption h6 {
	font-size:16px;
	color:#999;
	line-height:24px;
	margin-top:10px;
	padding-bottom:20px
}
.sm_prod_sell li figcaption article {
	font-size:16px;
	color:#fff;
	line-height:30px;
	margin-top:20px
}
.sm_prod_sell li figcaption article p {
	position:relative;
	padding-left:20px
}
.sm_prod_sell li figcaption article p:before {
	content:"";
	position:absolute;
	top:13px;
	left:0;
	width:5px;
	height:5px;
	background-color:#fff;
	border-radius:50%
}
.sm_prod_sell li.text_left figure img {
	left:0;
	width:100%;
	height:100%;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.sm_prod_sell li.text_left figcaption {
	left:12.5%
}
.sm_prod_sell li.text_right figure img {
	position:absolute;
	top:50%;
	left:12.5%;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:100%;
	background:none;
	width:45.57292%
}
.sm_prod_sell li.text_right figcaption {
	left:50%;
	margin-left:10.9375%;
	margin-top:-20px
}
.sm_prod_sell li.text_right figcaption h1, .sm_prod_sell li.text_right figcaption h2, .sm_prod_sell li.text_right figcaption h3, .sm_prod_sell li.text_right figcaption h4, .sm_prod_sell li.text_right figcaption h5, .sm_prod_sell li.text_right figcaption h6 {
	color:#333
}
.sm_prod_sell li.text_right figcaption article {
	color:#333
}
.sm_prod_sell li.text_right figcaption article p:before {
	background-color:#333
}
.prod_video, .hot_news {
	font-size:0
}
.prod_video .img-box:before, .hot_news .img-box:before {
	padding-top:59.30556%
}
.prod_video figure, .hot_news figure {
	width:50%
}
.prod_video figcaption, .hot_news figcaption {
	width:50%;
	font-size:16px;
	position:relative;
	background-color:#fff
}
.prod_video figcaption:before, .hot_news figcaption:before {
	content:"";
	display:block;
	padding-top:59.30556%
}
.prod_video figcaption time, .hot_news figcaption time {
	font-size:1.875em
}
.prod_video figcaption a, .hot_news figcaption a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:60px 90px 60px 60px
}
.prod_video figcaption h3, .hot_news figcaption h3 {
	position:relative
}
.prod_video figcaption h3 .couter, .hot_news figcaption h3 .couter {
	position:absolute;
	top:-7px;
	right:0
}
.prod_video figcaption article, .hot_news figcaption article {
	width:240px;
	position:absolute;
	bottom:60px;
	left:60px
}
.prod_video figcaption .detail, .hot_news figcaption .detail {
	position:absolute;
	bottom:60px;
	right:90px
}
.video_play_wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none
}
.video_play_wrapper video {
	display:block;
	object-fit:cover;
	object-position:center center;
	height:100%;
	width:100%;
	z-index:20
}
.video_play_wrapper .btn_video_pause {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	color:#796798;
	background-color:#fff;
	text-align:center;
	line-height:50px;
	font-size:20px;
	cursor:pointer;
	z-index:300
}
.hot_news figcaption h3 {
	width:66%
}
.btn_videoPlay {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	font-size:50px;
	color:#fff;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.sm_paramter {
	font-size:16px;
	color:#333;
	line-height:50px;
	line-height:30px
}
.sm_paramter table {
	width:100%;
	margin-top:60px
}
.sm_paramter table tbody tr:nth-child(odd) {
background-color:#F2F2F2
}
.sm_paramter table tbody tr:nth-child(even) {
background-color:#fff
}
.sm_paramter table tbody th {
	font-weight:700;
	color:#796798;
	text-align:left;
	padding-left:40px
}
.sm_paramter table tbody td {
	padding:25px 20px
}
.sm_paramter table tbody span {
	display:inline-block;
	vertical-align:top;
	width:20%;
	min-width:200px
}
.sm_paramter table.full td {
	white-space:nowrap
}
.sm_paramter table.full td:first-of-type {
	font-weight:700;
	color:#796798;
	text-align:left;
	padding-left:20px
}
.sm_validate {
	margin-left:-12px;
	margin-right:-12px
}
.sm_validate legend {
	display:block;
	line-height:42px;
	margin:0 12px;
	margin-bottom:20px
}
.sm_validate .group {
	width:50%;
	font-size:14px;
	line-height:26px;
	color:#333;
	padding:0 12px;
	margin-top:40px;
	position:relative
}
.sm_validate .group>img {
	position:absolute;
	top:34px;
	right:-169px
}
.sm_validate .group .group_control {
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:none;
	width:100%;
	height:46px;
	background-color:#fff;
	padding:0 20px;
	margin-top:10px
}
.sm_validate .group .file_placeholder {
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:none;
	width:100%;
	height:46px;
	background-color:#fff;
	padding:0 20px;
	margin-top:10px
}
.sm_validate .group .file_group_control {
	font-size:0;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	position:absolute;
	bottom:0;
	left:0
}
.sm_validate .group .group_control:focus {
	border:1px solid #796798
}
.sm_validate .group .msg_group_control {
	height:160px;
	resize:none;
	padding:20px
}
.sm_validate .msg_group {
	width:100%
}
.sm_validate label.error {
	color:#E60012;
	position:absolute;
	bottom:-30px;
	left:15px
}
.validateform .group .group_control {
	background-color:#F2F2F2
}
.btn_default {
	display:inline-block;
	padding:0;
	margin:0;
	border:none;
	background:none;
	width:176px;
	height:45px;
	text-align:center;
	line-height:45px;
	background-color:#796798;
	margin-right:12px;
	border-radius:50px;
	color:#fff;
	font-size:14px;
	letter-spacing:.6px;
	margin-top:40px;
	cursor:pointer;
	border:1px solid #796798
}
.sm_pagaing {
	text-align:center
}
.sm_pagaing a {
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:14px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}
.sm_pagaing a.current {
	background-color:#E60012;
	color:#fff
}
.sm_pagaing .btn {
	margin:0 10px
}
.error-404 {
	text-align:center
}
.error-404 h3 {
	font-size:24px;
	color:#333;
	line-height:33px;
	letter-spacing:1.6px
}
.error-404>img {
	width:55.20833%
}
.error-404 h4 {
	font-size:14px;
	color:#333;
	line-height:20px;
	letter-spacing:1.6px
}
.sm_tags .counter {
	font-size:2.5em;
	color:#fff;
	font-weight:400;
	letter-spacing:.6px;
	color:#333;
	font-size:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0
}
.sm_tags .square {
	font-size:28px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}
.sm_tags .square sup {
	font-size:16px
}
.wrk_banner .img-box:before {
	padding-top:49.38272%
}
.wrk_banner .sm_descripts {
	font-size:0
}
.wrk_banner .sm_descripts>h3 {
	vertical-align:top;
	line-height:30px
}
.wrk_banner .sm_descripts a {
	color:#333;
	text-decoration:underline
}
.wrk_banner .sm_descripts .col-7 {
	width:67%;
	margin-top:-4px
}
.wrk_banner .sm_descripts .col-3 {
	width:33%
}
.wrk_banner .sm_descripts time {
	position:relative;
	top:0;
	right:0;
	font-size:14px;
	line-height:24px;
	color:#999;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
}
.wrk_banner .sm_descripts ul {
	margin-top:54px
}
.wrk_banner .sm_descripts ul li {
	display:inline-block;
	vertical-align:top;
	margin-right:7.8125vw
}
.wrk_banner .sm_descripts ul li h3 {
	font-weight:normal;
	font-size:40px;
	font-family:Arial, Helvetica, sans-serif;
	height:40px
}
.wrk_banner .sm_descripts ul li p {
	color:#796798;
	line-height:30px
}
.wrk_banner .slick-dots_effect .slick-dots {
	bottom:20px;
	left:0;
	width:100%;
	text-align:center;
	margin-left:0
}
.wrk_banner .slick-dots_effect .slick-dots button {
	background-color:#fff;
	width:8px;
	height:8px
}
.news_list {
margin-left:-.625vw;
margin-right:-.625vw
}
.news_list li {
	margin-top:20px
}
.news_list a {
	display:block;
margin:0 .625vw;
	overflow:hidden
}
.news_list .img-box:before {
	padding-top:67.00547%
}
.news_list figcaption {
	padding:30px 40px 40px 30px;
	background-color:#fff;
	position:relative
}
.news_list figcaption h3 {
	font-size:1.25em;
	line-height:30px;
	width:66%;
	height:60px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	letter-spacing:1px
}
.news_list figcaption article {
	margin-top:50px;
	width:100%;
	display:none
}
.news_list figcaption time {
	font-size:1.875em;
	font-size:1.25em;
	top:22px;
	right:40px
}
.news_list figcaption .detail {
	display:block;
	position:relative;
	bottom:0;
	right:0;
	font-size:14px;
	margin-top:30px
}
.news_list figcaption p {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.sm_ellipsis {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	height:50px
}
.sm_detail {
	position:relative;
	width:69.44444%;
	margin-left:auto;
	margin-right:auto
}
.sm_detail time {
	font-size:2.5em;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:.6px;
	font-size:1.875em;
	position:absolute;
	top:0;
	right:0
}
.sm_detail article {
	font-size:14px;
	line-height:24px;
	color:#999;
	letter-spacing:1px
}
.sm_detail h1 {
	width:38%;
	width:100%;
	padding-right:260px;
	line-height:50px;
	font-size:26px
}
.sm_detail h4 {
	font-size:1.25em;
	font-weight:700;
	letter-spacing:.6px;
	line-height:24px;
	color:#796798;
	margin-bottom:10px
}
.sm_detail img {
	max-width:100%
}
.sm_detail .share a {
	color:#333
}
.sm-new__detail article {
	color:#333
}
.sm-new__detail article video {
	max-width:100%;
	height:auto !important
}
.report_detail h3 {
	font-size:30px
}
.report_detail h4 {
	font-size:18px
}
.pager {
	font-size:0
}
.pager .btn {
	font-size:12px;
	color:#999;
	line-height:30px
}
.pager .btn_prev {
	margin-right:25px
}
.pager .btn_next {
	margin-left:25px
}
.newwork-site__wrapper {
	font-size:0
}
.newwork-site__maps {
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-top:-56px;
	padding-right:3.4375vw;
	float:left
}
.newwork-site {
	display:inline-block;
	vertical-align:top;
	width:50%;
	padding-left:2.08333vw;
	float:left
}
.newwork-site {
	font-size:16px;
	margin-bottom:60px
}
.newwork-site li {
	font-size:14px;
	color:#333;
	letter-spacing:.6px;
	line-height:30px;
	margin-top:30px
}
.newwork-site li h4 {
	font-size:1.25em;
	color:#333;
	margin-bottom:20px
}
.newwork-site li address, .newwork-site li .telphone {
	display:inline-block;
	vertical-align:top;
	width:185px;
	width:50%;
	padding-right:20%;
	height:60px
}
.newwork-site li .telphone {
	padding-right:0
}
.newwork-site li .tel {
	display:inline-block;
	vertical-align:top;
	color:#796798
}
.newwork-site .line {
	border-bottom:2px solid #F6F6F6;
	padding-top:30px
}
.allMap {
	width:77.43056%;
	margin-left:auto;
	margin-right:auto;
	width:1106px;
	overflow:visible
}
.ui_visible {
	overflow:visible !important
}
.locations {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200
}
.locations .dot {
	position:absolute;
	width:1px;
	height:1px;
	cursor:pointer
}
.locations i {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	animation:pulse 1.6s linear infinite alternate both;
	-moz-animation:pulse 1.6s linear infinite alternate both;
	-webkit-animation:pulse 1.6s linear infinite alternate both;
	-o-animation:pulse 1.6s linear infinite alternate both
}
.locations i:before, .locations i:after {
	content:"";
	display:block;
	border-radius:50%
}
.locations i:before {
	width:50%;
	height:50%;
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-color:#796798
}
.locations i:after {
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-color:rgba(1, 64, 153, 0.5)
}
.locations .dot-1 {
	top:41%;
	right:18%;
	margin-right:-7px
}
.locations .dot-2 {
	top:40%;
	right:21%;
	margin-right:-2px;
	margin-top:-3px
}
.locations .dot-3 {
	top:45%;
	right:24%;
	margin-right:-6px;
	margin-top:11px
}
.locations .dot-4 {
	top:31%;
	right:41%;
	margin-right:3px;
	margin-top:-12px
}
.locations .dot-5 {
	top:51%;
	right:41%;
	margin-right:6px;
	margin-top:3px
}
.locations .dot-6 {
	top:34%;
	right:51%;
	margin-right:5px;
	margin-top:-4px
}
.locations .dot-7 {
	top:34%;
	right:53%;
	margin-right:1px;
	margin-top:-8px
}
.locations .dot-8 {
	top:30%;
	right:54%;
	margin-right:2px;
	margin-top:-10px
}
.locations .dot-9 {
	top:36%;
	right:70%;
	margin-right:19px;
	margin-top:-12px
}
.locations .dot-10 {
	top:44%;
	right:75%;
	margin-right:14px;
	margin-top:-10px
}
.locations .dot-11 {
	top:48%;
	right:80%;
	margin-right:1px;
	margin-top:-15px
}
.locations .dot-12 {
	top:37%;
	right:83%;
	margin-right:6px;
	margin-top:-9px
}
.locations .dot-13 {
	top:79%;
	right:15%;
	margin-right:22px;
	margin-top:-3px
}
.locations .dot-14 {
	top:62%;
	right:26%;
	margin-right:12px;
	margin-top:-3px
}
.locations .dot:hover i:before {
	background-color:#e60012
}
.locations .dot:hover i:after {
	background-color:rgba(230, 0, 18, 0.5)
}
.locations .dot:hover .showToast {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.locations .showToast {
	width:298px;
	position:absolute;
	top:16px;
	left:-300px;
	background-color:#fff;
	font-size:14px;
	color:#999;
	z-index:200;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	-moz-transform:translate(10px, 10px);
	-ms-transform:translate(10px, 10px);
	-webkit-transform:translate(10px, 10px);
	transform:translate(10px, 10px)
}
.locations .showToast .showToast_tip {
	padding:25px 30px;
	line-height:2
}
.locations .showToast .showToast_tip h3 {
	color:#000;
	letter-spacing:1px
}
.locations .showToast .bgcolor {
	background-color:#796798;
	color:#fff
}
.locations .showToast .bgcolor h3 {
	color:#fff
}
@-o-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.2, 1.2, 1.2);
transform:scale3d(1.2, 1.2, 1.2)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.2, 1.2, 1.2);
transform:scale3d(1.2, 1.2, 1.2)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.2, 1.2, 1.2);
transform:scale3d(1.2, 1.2, 1.2)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.4, 1.4, 1.4);
transform:scale3d(1.4, 1.4, 1.4)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.WorldMap svg {
	display:block;
	width:100%
}
.share_links {
	position:relative;
	width:82.43056%
}
.share_links .slick-track {
	margin-left:0
}
.share_links .item_slick {
	display:block;
	font-size:14px;
	line-height:26px;
	color:#333;
	text-align:center;
	padding-right:90px;
	position:relative;
	width:160px
}
.share_links .item_slick i {
	display:block;
	width:70px;
	height:45px;
	text-align:center;
	line-height:45px;
	color:#333;
	background-color:#fff;
	font-size:14px
}
.share_links .item_slick:before {
	content:"";
	display:block;
	width:10px;
	height:2px;
	background-color:#C6C6C6;
	position:absolute;
	top:22px;
	right:10px;
	margin-right:35px
}
.share_links .item_slick p {
	margin-top:10px
}
.share_links .item_slick .code {
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin-top:-120px;
	margin-left:-85px;
	-moz-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px);
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	display:none
}
.share_links .item_slick:hover .code {
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0);
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible
}
.share_links .slick-slide:last-child .item_slick:before {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden
}
.sha_links .item_slick i {
	background-color:#F2F2F2
}
.share_button {
	position:absolute;
	top:-13px;
	left:calc(100% - 102px);
	width:170px;
	margin-left:17.56944%
}
.share_button a {
	display:inline-block;
	vertical-align:top;
	padding:30px;
	font-size:12px;
	color:#999
}
.controller {
	position:relative;
	top:0;
	left:0;
	margin-left:-30px
}
.dwl_list {
	margin-left:-60px
}
.dwl_list li {
	margin-top:60px
}
.dwl_list a {
	display:block;
	font-size:14px;
	color:#999;
	letter-spacing:.4px;
	padding-left:60px;
	padding-right:70px;
	position:relative
}
.dwl_list a .icon-down {
	color:#999;
	font-size:48px;
	position:absolute;
	top:60px;
	left:60px
}
.dwl_list a h3 {
	font-size:18px;
	font-weight:700;
	color:#333;
	letter-spacing:.4px;
	padding-left:70px;
	width:58%;
	line-height:30px
}
.dwl_list a p {
	padding-left:70px;
	margin-top:26px
}
.dwl_list a .line {
	border-top:2px solid #F2F2F2;
	padding-bottom:60px
}
.dwl_list a .size {
	font-size:1.625em;
	letter-spacing:.4px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:66px;
	right:140px;
	margin-top:0
}
.dwl_list li:nth-last-of-type(1) a:after, .dwl_list li:nth-last-of-type(2) a:after {
content:"";
display:block;
padding-bottom:60px;
border-bottom:2px solid #F2F2F2
}
.rel_list li {
	font-size:16px;
	margin-top:50px
}
.rel_list li i {
	color:#333;
	font-size:24px
}
.rel_list li p {
	font-size:1.875em;
	color:#796798;
	letter-spacing:.4px;
	line-height:42px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:12px
}
.tm_list li {
	background-color:#fff;
	margin-top:60px;
	min-height:400px;
	position:relative
}
.tm_list figcaption {
	font-size:14px;
	letter-spacing:1px;
	color:#999;
	line-height:26px;
	letter-spacing:.6px;
	padding-left:3.64583vw;
	padding-top:70px;
	width:70%;
	padding-bottom:100px
}
.tm_list figcaption h3 {
	font-size:1.5em;
	font-weight:400;
	color:#333;
	line-height:37px;
	line-height:50px;
	letter-spacing:1px;
	color:#796798
}
.tm_list figcaption>p, .tm_list figcaption>h3 {
	padding-right:10%
}
.tm_list figcaption time {
	display:inline-block;
	vertical-align:top;
	font-size:1.5em;
	color:#333;
	font-weight:400;
	letter-spacing:1px;
	line-height:52px;
	color:#333;
	line-height:42px;
	line-height:26px;
	letter-spacing:.4px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:-5px
}
.tm_list figcaption article {
	display:inline-block;
	vertical-align:top;
	margin-top:80px;
	width:48%
}
.tm_list figcaption article p {
	display:inline-block;
	vertical-align:top;
	width:170px;
	margin-left:20px
}
.tm_list figure {
	width:30%;
	padding-top:0;
	position:absolute;
	top:0;
	right:0;
	height:100%
}
.tm_list figure:before {
	padding-top:0;
	height:0
}
.tm_list figure>img {
	display:block;
	position:absolute;
	bottom:0;
	left:auto;
	right:0;
	width:58%;
	height:auto;
	width:100%;
	top:auto
}
.noti_list {
margin-left:-.625vw;
margin-right:-.625vw
}
.noti_list li {
	font-size:16px;
	margin-top:50px
}
.noti_list a {
	display:block;
margin:0 .625vw;
	background-color:#fff;
	position:relative
}
.noti_list a:before {
	content:"";
	display:block;
	padding-top:122.22222%
}
.noti_list a h3 {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	color:#333;
	font-weight:700;
	letter-spacing:.6px;
	line-height:30px;
	position:absolute;
	top:0;
	left:0;
	padding:30px
}
.noti_list a time {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	color:#333;
	letter-spacing:.4px;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:60px;
	left:30px
}
.noti_list a .icon-pdf {
	font-size:56px;
	position:absolute;
	bottom:60px;
	right:30px;
	color:#999
}
.cts_list li {
	font-size:16px;
	margin-top:70px
}
.cts_list li i {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:.4px;
	line-height:50px
}
.cts_list li em {
	display:block;
	width:20px;
	height:2px;
	background-color:#333;
	margin-bottom:20px
}
.cts_list li h3 {
	font-size:1.5em;
	font-weight:400;
	color:#333;
	line-height:37px;
	letter-spacing:.6px;
	line-height:24px
}
.cts_list li article {
	font-size:14px;
	letter-spacing:.4px;
	color:#333;
	letter-spacing:.4px;
	line-height:26px;
	color:#796798
}
.cmp_list {
margin-left:-.625vw;
margin-right:-.625vw
}
.cmp_list li {
	margin-top:50px
}
.cmp_list li figcaption {
	background-color:#fff;
	height:304px;
margin:0 .625vw;
	padding:40px 50px
}
.list-logo {
	margin-right:-1.71875vw;
	float:right
}
.list-logo li {
	margin:0 1.71875vw;
	height:100px;
	line-height:100px
}
.list-logo li img {
	display:inline-block;
	vertical-align:middle;
	max-width:100%
}
.counter {
margin-left:-.625vw;
margin-right:-.625vw
}
.counter li {
	font-size:16px
}
.counter li figcaption {
	background-color:#fff;
margin:0 .625vw;
	padding:40px 50px;
	height:304px
}
.counter li i {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:.4px;
	line-height:50px
}
.counter li p {
	font-size:3.75em;
	color:#796798;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.4px;
	line-height:50px;
	margin-top:30px
}
.counter li p span {
	font-family:Arial, Helvetica, sans-serif;
}
.counter li h3 {
	font-size:1.5em;
	font-weight:400;
	color:#333;
	line-height:37px;
	color:#999;
	letter-spacing:.6px;
	line-height:33px;
	margin-top:7px
}
.hor_list {
	margin-left:-12px;
	margin-right:-12px
}
.hor_list li {
	margin-top:24px
}
.hor_list figure {
	margin:0 12px;
	background-color:#fff
}
.hor_list .img-box:before {
	padding-top:122.22222%
}
.cul_banner figcaption h3 {
	font-size:1.5em;
	color:#333;
	font-weight:400;
	letter-spacing:1px;
	line-height:52px;
	letter-spacing:2px;
	line-height:42px;
	color:#fff;
	font-weight:normal;
	margin-bottom:0
}
.cul_banner figcaption h3 span {
	font-weight:300
}
.colu_list {
margin-left:-.625vw;
margin-right:-.625vw;
	margin-top:0
}
.colu_list li {
	font-size:16px;
	margin-top:24px
}
.colu_list li figcaption {
margin:0 .625vw;
	background-color:#fff;
	padding:30px;
	position:relative;
	text-align:center;
	padding-bottom:50px;
	height:492px
}
.colu_list li span {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	letter-spacing:.6px;
	line-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	position:absolute;
	top:30px;
	left:30px
}
.colu_list li img {
	margin-top:110px;
	width:auto;
	height:105px
}
.colu_list li h3 {
	font-size:1.125em;
	line-height:30px;
	color:#333;
	font-weight:400;
	margin-top:60px;
	margin-bottom:10px
}
.colu_list li p {
	font-size:14px;
	line-height:24px;
	color:#999;
	letter-spacing:1px;
	line-height:26px;
	letter-spacing:.6px
}
.about-modules-list li {
	margin-top:0
}
.about-modules-list li h3 {
	margin-top:0
}
.about-modules-list li article {
	height:60px
}
.about-modules-list li figcaption {
	height:auto;
	padding:40px 20px
}
.about-modules-list li img {
	margin-top:10px;
	height:60px
}
.abot_list li h3 {
	padding:0 20px
}
.value_flex {
	width:40.41667%;
	margin-left:auto;
	margin-right:auto
}
.value_flex:before {
	padding-top:92.09622%
}
.year_list .item_slick {
	display:block;
	font-size:0;
	position:relative;
	height:50px;
	cursor:pointer
}
.year_list .item_slick>div {
	margin:0 1px;
	cursor:pointer;
	display:inline-block;
	height:100%;
	position:relative;
	z-index:200
}
.year_list .item_slick i {
	display:block;
	width:65px;
	height:6px;
	background-color:#D9D9D9
}
.year_list .item_slick time {
	font-size:16px;
	color:#333;
	letter-spacing:.4px;
	line-height:50px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:0;
	left:0
}
.year_list .item_slick>div:hover i {
	background-color:#796798
}
.year_list .slick-current.slick-active .item_slick>div.active .tips, .year_list .slick-current.slick-center .item_slick>div.active .tips {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
	transition-delay:0.2s;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.year_list .slick-current.slick-active .item_slick>div.active.selected .tips, .year_list .slick-current.slick-center .item_slick>div.active.selected .tips {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	-moz-transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	-webkit-transform:translate(0, 20px);
	transform:translate(0, 20px)
}
.year_list .item_slick>div.selected .tips {
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	-webkit-transition-delay:0.4s;
	transition-delay:0.4s
}
.year_list .item_slick>div:hover .tips {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	-moz-transition-delay:0;
	-o-transition-delay:0;
	-webkit-transition-delay:0;
	transition-delay:0;
	-moz-transition:all 2.2s cubic-bezier(0.32, 0.17, 0, 1);
	-o-transition:all 2.2s cubic-bezier(0.32, 0.17, 0, 1);
	-webkit-transition:all 2.2s cubic-bezier(0.32, 0.17, 0, 1);
	transition:all 2.2s cubic-bezier(0.32, 0.17, 0, 1)
}
.year_list .tips {
	position:absolute;
	top:-155px;
	left:-10px;
	background-color:#000;
	width:198px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	padding:20px 30px;
	-moz-transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	-webkit-transform:translate(0, 20px);
	transform:translate(0, 20px);
-moz-transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .6s cubic-bezier(0.32, 0.17, 0, 1)
}
.year_list .tips:before {
	content:"";
	display:block;
	position:absolute;
	left:8px;
	bottom:-14px;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-bottom:19px solid #000;
	-moz-transform:rotate(207deg);
	-ms-transform:rotate(207deg);
	-webkit-transform:rotate(207deg);
	transform:rotate(207deg)
}
.year_list .tips time {
	font-size:16px;
	color:#fff;
	line-height:normal;
	letter-spacing:.4px;
	position:relative;
    font-family:Arial, Helvetica, sans-serif;
}
.year_list .tips em {
	display:block;
	width:8px;
	height:2px;
	background-color:#999;
	margin-top:10px;
	margin-bottom:5px
}
.year_list .tips h3 {
	font-size:14px;
	line-height:26px;
	color:#fff;
	height:52px;
	overflow:hidden
}
.year_list .tips .ellipsis {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	position:relative
}
.year_list .tips .ellipsis:before {
	content:"...";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	font-size:14px;
	color:#fff
}
.year_list .slick-current.slick-active .item_slick .active i, .year_list .slick-current.slick-center .item_slick .active i {
	background-color:#796798
}
.honor_year_list {
	cursor:pointer
}
.honor_year_list .slick-slide {
	height:250px;
	cursor:pointer
}
.honor_year_list .item_slick {
	margin:0 1px;
	margin-top:180px;
	position:relative
}
.honor_year_list .item_slick>time {
	font-size:16px;
	color:#333;
	letter-spacing:.4px;
	line-height:3.1875;
	font-family:Arial, Helvetica, sans-serif;
}
.honor_year_list .item_slick>i {
	display:block;
	width:65px;
	height:6px;
	background-color:#D9D9D9
}
.honor_year_list .showToast {
	position:absolute;
	top:-160px;
	left:-10px;
	background-color:#000;
	width:198px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	padding:20px 30px;
	-moz-transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	-webkit-transform:translate(0, 20px);
	transform:translate(0, 20px)
}
.honor_year_list .showToast:before {
	content:"";
	display:block;
	position:absolute;
	left:20px;
	bottom:-14px;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	border-bottom:19px solid #000;
	-moz-transform:rotate(207deg);
	-ms-transform:rotate(207deg);
	-webkit-transform:rotate(207deg);
	transform:rotate(207deg)
}
.honor_year_list .showToast time {
	font-size:16px;
	color:#fff;
	line-height:normal;
	letter-spacing:.4px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
}
.honor_year_list .showToast i {
	display:block;
	width:8px;
	height:2px;
	background-color:#999;
	margin-top:10px;
	margin-bottom:5px
}
.honor_year_list .showToast h3 {
	font-size:14px;
	line-height:26px;
	color:#fff;
	height:52px;
	overflow:hidden
}
.honor_year_list .showToast .ellipsis {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	position:relative
}
.honor_year_list .showToast .ellipsis:before {
	content:"...";
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	font-size:14px;
	color:#fff
}
.honor_year_list .slick-slide.slick-current.slick-active .showToast {
-moz-transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .6s cubic-bezier(0.32, 0.17, 0, 1);
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.honor_year_list .slick-slide.slick-current.slick-active .item_slick>i {
	background-color:#796798
}
.scoi_list {
	position:relative
}
.scoi_list .item_slick {
	position:relative
}
.scoi_list .item_slick figcaption {
	font-size:14px;
	line-height:26px;
	color:#333;
	font-weight:700;
	width:37.29167%;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	padding:60px 50px;
	background-color:#fff
}
.scoi_list .item_slick h3 {
	font-size:1.875em;
	line-height:50px;
	line-height:1.33333;
	font-weight:700;
	color:#333;
	font-weight:400
}
.scoi_list .item_slick time {
	font-size:1.5em;
	color:#333;
	font-weight:400;
	letter-spacing:1px;
	line-height:52px;
	letter-spacing:.4px;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	position:absolute;
	bottom:70px;
	left:50px
}
.scoi_list .item_slick .img-box {
	width:62.70833%;
	margin-left:37.29167%
}
.scoi_list .item_slick .img-box:before {
	padding-top:46.29014%
}
.scoi_list .btn_arrow_next {
	position:absolute;
	bottom:77px;
	right:0;
	margin-right:90px;
	font-size:14px;
	color:#333;
	font-weight:700;
	line-height:24px
}
.join_info {
	font-size:0
}
.join_info h3 {
	font-size:2.5em;
	color:#fff;
	font-weight:400;
	letter-spacing:.6px;
	line-height:60px;
	letter-spacing:.6px;
	color:#333;
	font-size:40px
}
.join_info h3 sub, .join_info h3 sup {
	display:inline-block;
	font-size:50px;
	letter-spacing:.4px;
	line-height:58px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}
.join_info h3 sup {
	vertical-align:20px
}
.join_info h3 sub {
	vertical-align:-50px
}
.join_info article {
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:16px;
	color:#999;
	line-height:30px;
	letter-spacing:.6px;
	position:relative;
	z-index:30
}
.join_info p {
	padding-left:120px
}
.join_info a {
	color:#333;
	text-decoration:underline
}
.join_info h4 {
	text-align:right;
	font-size:1.5em;
	color:#fff;
	letter-spacing:1.5px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:70px;
	font-size:24px;
	margin-top:-10px
}
.join_info .bgcover {
	position:absolute;
	top:50%;
	left:20px;
	z-index:20;
	width:35%
}
.join_list {
margin-left:-.72917vw;
margin-right:-.72917vw
}
.join_list li figcaption {
	padding:60px;
margin:0 .72917vw;
	height:auto;
	position:relative
}
.join_list li figcaption:before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#fff
}
.join_list li h3 {
	font-size:1.25em;
	font-size:20px;
	font-weight:700;
	line-height:40px;
	letter-spacing:.6px;
	color:#333
}
.join_list li h4 {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	font-weight:700;
	line-height:40px;
	color:#796798
}
.join_list li h4 span {
	margin-right:4px
}
.join_list li article {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	letter-spacing:.6px;
	line-height:30px;
	color:#999;
	position:relative;
	z-index:20
}
.join_list li h5 {
	margin-top:20px
}
.join_list li h5, .join_list li h6 {
	font-size:14px;
	color:#333;
	letter-spacing:1.2px;
	line-height:24px;
	position:relative;
	z-index:20
}
.join_list li .col-4 {
	width:40%
}
.join_list li .col-6 {
	width:60%
}
.informartion {
	font-size:0;
	position:relative
}
.informartion .img-box:before {
	padding-top:66.66667%
}
.informartion figure {
	width:50%
}
.informartion figcaption {
	width:50%;
	font-size:16px;
	padding-left:6.94444%;
	padding-top:30px;
	position:absolute;
	top:50%;
	right:0
}
.informartion figcaption h3 {
	margin-bottom:30px;
	line-height:50px
}
.informartion figcaption article {
	font-size:14px;
	color:#999;
	letter-spacing:1px;
	line-height:24px;
	margin-bottom:80px
}
.informartion figcaption article:last-child {
	margin-bottom:0
}
.informartion figcaption span {
	font-size:14px;
	color:#999;
	letter-spacing:1px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:0;
	left:0
}
.informartion figcaption span:before {
	content:"";
	display:block;
	position:absolute;
	bottom:-10px;
	left:0;
	width:14px;
	height:2px;
	background-color:#999
}
.informartion figcaption p {
	position:relative;
	padding-left:56px
}
.informartion ul li {
	position:relative;
	margin-top:80px
}
.informartion ul li:nth-child(even) figure {
margin-left:50%
}
.informartion ul li:nth-child(even) figcaption {
left:0;
right:auto;
padding-right:6.94444%
}
.abouts_infor .abouts_infor__slick {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	width:50%
}
.abouts_infor .abouts_infor__slick .slick-slider, .abouts_infor .abouts_infor__slick .slick-list, .abouts_infor .abouts_infor__slick .slick-slide, .abouts_infor .abouts_infor__slick .slick-track, .abouts_infor .abouts_infor__slick figure {
	height:100%
}
.abouts_infor .abouts_infor__slick .slick-slide {
	position:relative;
	font-size:16px
}
.abouts_infor .abouts_infor__slick figure {
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center
}
.abouts_infor .abouts_infor__slick h3 {
	font-size:1.25em;
	color:#fff;
	letter-spacing:1.2px;
	position:absolute;
	bottom:10px;
	left:0;
	margin:30px
}
.abouts_infor figcaption {
	padding:30px 60px;
	padding-left:6.94444%;
	position:relative;
	top:0;
	right:0;
	margin-left:50%;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.sm_words {
	font-size:0
}
.sm_words figcaption {
	padding-bottom:80px;
	margin-bottom:80px;
	border-bottom:1px solid rgba(0, 0, 0, 0.1)
}
.sm_words figcaption h3 {
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:30px;
	margin-top:-6px
}
.sm_words figcaption article {
	display:inline-block;
	vertical-align:top;
	width:50%;
	font-size:14px;
	color:#999;
	letter-spacing:1px;
	line-height:24px;
	color:#999
}
.sm_words figcaption:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none
}
.sm_words ul {
	width:70%;
	font-size:0;
	margin-top:70px
}
.sm_words ul li {
	display:inline-block;
	vertical-align:top;
	color:#333;
	width:49%;
	font-size:14px;
	position:relative;
	padding-left:28px
}
.sm_words ul li:before {
	content:"";
	display:block;
	position:absolute;
	top:4px;
	left:0;
	width:18px;
	height:18px;
	background:url(../assets/img/icon_02.svg) no-repeat center center;
	background-size:18px auto
}
.about_banner .img-box:before {
	padding-top:23.4375%
}
.about_banner figcaption {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 24px
}
.about_banner figcaption h3 {
	color:#fff;
	font-size:1.875em;
	font-weight:700;
	line-height:50px;
	letter-spacing:.6px
}
.sm_loading {
	font-size:0;
	text-align:center;
	height:66px;
	line-height:66px
}
.sm_loading span {
	display:inline-block;
	position:relative;
	width:2px;
	margin-left:27px;
	margin-right:27px;
	background-color:rgba(1, 64, 153, 0.05);
	border-radius:5px
}
.sm_loading span:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	border-radius:5px;
	-webkit-animation-name:loading;
	animation-name:loading;
-webkit-animation-duration:.36s;
animation-duration:.36s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	-webkit-animation-direction:alternate
}
.sm_loading span:nth-child(1), .sm_loading span:nth-child(7) {
height:66px
}
.sm_loading span:nth-child(1):before, .sm_loading span:nth-child(7):before {
-webkit-animation-delay:.1s;
animation-delay:.1s
}
.sm_loading span:nth-child(2), .sm_loading span:nth-child(6) {
height:46px;
vertical-align:10px
}
.sm_loading span:nth-child(2):before, .sm_loading span:nth-child(6):before {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
.sm_loading span:nth-child(3), .sm_loading span:nth-child(5) {
height:28px;
vertical-align:19px
}
.sm_loading span:nth-child(3):before, .sm_loading span:nth-child(5):before {
-webkit-animation-delay:.5s;
animation-delay:.5s
}
.sm_loading span:nth-child(4) {
height:10px;
vertical-align:28px
}
.sm_loading span:nth-child(4):before {
-webkit-animation-delay:0s;
animation-delay:0s
}
.sm_loading span:nth-child(1):before, .sm_loading span:nth-child(4):before {
background-color:#796798
}
.sm_loading span:nth-child(2):before, .sm_loading span:nth-child(5):before, .sm_loading span:nth-child(7):before {
background-color:#E60012
}
.sm_loading span:nth-child(3):before, .sm_loading span:nth-child(6):before {
background-color:#14A83B
}
@-webkit-keyframes loading {
from {
height:0
}
to {
	height:100%
}
}
@keyframes loading {
from {
height:0
}
to {
	height:100%
}
}
.echat-right-center, .echat-left-bottom, .echat-invite-container, .echat_invite_mask, .echat-invite {
	display:none !important
}
.searchBox ul li {
	padding:20px 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.1)
}
.searchBox a {
	font-size:14px;
	color:#333;
	line-height:26px;
	width:50%
}
.searchBox a span {
	display:block
}
.popoverCode {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:12000
}
.popoverCode .bgcover {
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.8)
}
.popoverCode .code_box {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.popoverCode .code_box .btn_close {
	display:block;
	position:absolute;
	top:-50px;
	right:-50px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#fff
}
.stateTip, #StateTip {
	display:none;
	position:absolute;
	padding:8px;
	background:#fff;
	border:2px solid #2385B1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:12px;
	font-family:Tahoma;
	color:#333
}
.mapInfo i {
	display:inline-block;
	width:15px;
	height:15px;
	margin-top:5px;
	line-height:15px;
	font-style:normal;
	background:#aeaeae;
	color:#fff;
	font-size:11px;
	font-family:Tahoma;
	-webkit-border-radius:15px;
	border-radius:15px;
	text-align:center
}
.mapInfo i.active {
	background:#E27F21
}
.mapInfo span {
	padding:0 5px 0 3px
}
.mapInfo b {
	font-weight:normal;
	color:#2770B5
}
.WorldMap {
	position:relative
}
.WorldMap .location {
	position:absolute;
	width:1px;
	height:1px
}
.WorldMap .location img {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.WorldMap .pitch {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	text-align:center
}
.WorldMap .pitch i {
	display:block;
	width:30px;
	height:26px;
	background-image:url(../assets/img/icon_location.svg);
	background-size:30px auto;
	margin:auto
}
.WorldMap .pitch span {
	display:block;
	font-size:12px;
	color:#796798;
	line-height:2.16667;
	width:160px;
	position:absolute
}
.WorldMap .pitch span:before, .WorldMap .pitch span:after {
	content:"";
	display:block
}
.WorldMap .loca_01 {
	top:38%;
	right:11%
}
.WorldMap .loca_02 {
	top:42%;
	right:14%
}
.WorldMap .loca_03 {
	top:21%;
	right:17%
}
.WorldMap .loca_04 {
	top:46%;
	right:17%
}
.WorldMap .loca_05 {
	top:34%;
	right:28%
}
.WorldMap .loca_06 {
	top:48%;
	right:36%
}
.WorldMap .loca_07 {
	top:28%;
	right:58%;
	margin-right:-6px
}
.WorldMap .loca_08 {
	top:43%;
	right:69%
}
.WorldMap .loca_09 {
	top:25%;
	right:54%
}
.WorldMap .loca_10 {
	top:37%;
	right:68%
}
.WorldMap .loca_11 {
	display:none;
	top:39%;
	right:22%
}
.WorldMap .loca_12 {
	top:38%;
	right:90%
}
.WorldMap .loca_13 {
	top:47%;
	right:85%
}
.WorldMap .loca_14 {
	top:76%;
	right:10%
}
.history-year__item {
	position:relative;
	padding-bottom:30px;
	width:120px;
	margin-bottom:20px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	cursor:pointer
}
.history-year__item::before, .history-year__item::after {
content:"";
position:absolute;
bottom:0;
left:50%;
border-radius:50%;
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.history-year__item::before {
width:5px;
height:5px;
background-color:#999;
bottom:2px
}
.history-year__item::after {
bottom:-5px;
width:10px;
height:10px;
border:1px solid #999
}
.slick-current .history-year__item {
	font-size:18px;
	color:#000
}
.slick-current .history-year__item::before {
bottom:-3px;
width:10px;
height:10px;
background-color:#000
}
.slick-current .history-year__item::after {
bottom:-21px;
width:26px;
height:26px;
border-color:#000
}
.slick-year {
	margin-right:60px;
	margin-left:60px
}
.slick-year .slick-arrow {
-moz-transition:-moz-transform .4s ease;
-o-transition:-o-transform .4s ease;
-webkit-transition:-webkit-transform .4s ease;
transition:transform .4s ease;
	position:absolute;
	top:50%;
	z-index:10;
	width:40px;
	height:40px;
	margin-top:-20px;
	font-size:0;
	border:0;
	border-radius:50%;
	outline:0;
	background-color:transparent;
	text-align:center;
	cursor:pointer
}
.slick-year .slick-arrow::before {
-moz-transition:-moz-transform .4s ease;
-o-transition:-o-transform .4s ease;
-webkit-transition:-webkit-transform .4s ease;
transition:transform .4s ease;
font-family:'iconfont';
font-size:40px;
line-height:40px;
color:#000
}
.slick-year .slick-arrow:hover {
	transform:scale(0.9)
}
.slick-year .slick-arrow:hover:before {
	transform:scale(0.9)
}
.slick-year .slick-prev {
	left:-60px
}
.slick-year .slick-prev::before {
content:'\e6f7'
}
.slick-year .slick-next {
	right:-60px
}
.slick-year .slick-next::before {
content:'\e605'
}
.history-month-item {
	font-size:0
}
.history-mi__img {
	display:inline-block;
	vertical-align:top;
	width:45%
}
.history-mi__img::before {
padding-top:61.24138%
}
.history-mi__list {
	display:inline-block;
	vertical-align:top;
	width:45%;
	margin-left:5%;
	margin-right:5%
}
.mi-item {
	margin:1.5em 0;
	font-size:14px;
	line-height:2;
	color:#999
}
.mi-item h4 {
	color:#000;
	font-weight:bold
}
.hot-news__slick.slick-dots_effect .slick-dots {
	left:auto;
	right:0;
	width:50%;
	text-align:left;
	padding-left:60px;
	bottom:20px
}
.hot-news__slick.slick-dots_effect .slick-dots li {
	padding:0;
	margin-right:20px
}
.hot-news__slick.slick-dots_effect .slick-dots button {
	width:6px;
	height:6px
}
@media (max-width: 1024px) {
.about-history {
margin-top:50px
}
.slick-year {
margin-top:40px;
margin-left:0;
margin-right:0
}
.slick-month {
margin-top:40px
}
.abouts_infor .abouts_infor__slick h3 {
font-size:18px
}
}
@media (max-width: 768px) {
.history-mi__img {
width:100%
}
.history-mi__list {
width:100%;
margin-left:0;
margin-right:0
}
}
.slick_history__wrapper {
	position:relative
}
.slick_history__wrapper .slick-arrow {
	position:absolute;
	top:10px;
	font-size:12px;
	color:#999;
	-moz-transition:all 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	-o-transition:all 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	-webkit-transition:all 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	transition:all 0.36s cubic-bezier(0.32, 0.17, 0, 1);
	width:50px;
	height:50px;
	line-height:50px
}
.slick_history__wrapper .slick-arrow:hover {
	color:#796798
}
.slick_history__wrapper .arrow_prev {
	left:0;
	text-align:left
}
.slick_history__wrapper .arrow_next {
	right:0;
	text-align:right
}
@media only screen and (max-width: 1680px) {
.solution_list a .code {
left:60px;
bottom:90px
}
.comp_list a .logopic {
bottom:60px;
left:56.27778%
}
.groups_list a .logopic {
bottom:0;
left:0;
margin-left:0
}
.groups_list a .info_mutips {
height:400px
}
}
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
.colu_list li figcaption {
height:410px
}
.cult_list li figcaption {
height:430px
}
.colu_list li img {
height:85px;
margin-top:90px
}
.counter li figcaption {
height:245px
}
.counter li i {
line-height:normal
}
.products_list a figcaption h3 {
font-size:24px
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
.cult_list li figcaption {
height:490px
}
}
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
.comp_list .list li {
width:100%
}
.comp_list a:before {
padding-top:0;
height:auto
}
.comp_list .item-box:before {
padding-top:0;
height:auto
}
.comp_list a figcaption {
position:relative;
top:0;
left:0
}
.comp_list .item-box figcaption {
position:relative;
top:0;
left:0
}
.comp_list a .status {
display:inline-block;
vertical-align:middle;
position:relative;
left:0;
top:37px;
width:56.27778%;
margin-top:30px
}
.comp_list .item-box .status {
display:inline-block;
vertical-align:middle;
position:relative;
left:0;
top:37px;
width:56.27778%;
margin-top:30px
}
.comp_list a .logopic {
display:inline-block;
vertical-align:top;
position:relative;
left:0;
top:0;
margin-top:30px
}
.comp_list .item-box .logopic {
display:inline-block;
vertical-align:top;
position:relative;
left:0;
top:0;
margin-top:30px
}
.solution_list a figcaption {
position:relative;
width:100%;
padding:30px 20px 20px 20px
}
.solution_list .item-box figcaption {
position:relative;
width:100%;
padding:30px 20px 20px 20px
}
.solution_list a figure {
width:100%;
float:none;
clear:both
}
.solution_list .item-box figure {
width:100%;
float:none;
clear:both
}
.solution_list li {
margin-top:30px;
width:100%
}
.solution_list a h3 {
width:50%;
font-size:16px;
margin-top:-4px;
line-height:30px
}
.solution_list a article {
width:50%
}
.solution_list .item-box h3 {
width:50%;
font-size:16px;
margin-top:-4px;
line-height:30px
}
.solution_list .item-box article {
width:50%
}
.solution_list li:nth-child(odd) figure, .solution_list li:nth-child(even) figure {
float:none;
clear:both
}
.informartion ul li:nth-child(even) figure {
margin-left:0
}
.solution_list a .status {
display:inline-block;
vertical-align:top;
position:absolute;
bottom:0;
left:0;
width:50%;
margin-top:45px
}
.solution_list a .code {
position:relative;
left:0;
bottom:0;
display:inline-block;
vertical-align:top;
margin-top:30px
}
.compa_list a .status {
display:inline-block;
vertical-align:middle;
position:relative;
left:0;
top:37px;
width:56.27778%;
margin-top:30px
}
.solution_list .item-box .status {
display:inline-block;
vertical-align:top;
position:absolute;
bottom:0;
left:0;
width:50%;
margin-top:45px
}
.solution_list .item-box .code {
position:relative;
left:0;
bottom:0;
display:inline-block;
vertical-align:top;
margin-top:30px
}
.compa_list .item-box .status {
display:inline-block;
vertical-align:middle;
position:relative;
left:0;
top:37px;
width:56.27778%;
margin-top:30px
}
.groups_list .list li {
width:50%
}
.groups_list a .status {
top:50%;
margin-top:0;
position:absolute;
width:auto;
bottom:auto
}
.groups_list a .code {
margin-top:0
}
.groups_list a .info_mutips {
height:290px
}
.groups_list .item-box .status {
top:50%;
margin-top:0;
position:absolute;
width:auto;
bottom:auto
}
.groups_list .item-box .code {
margin-top:0
}
.groups_list .item-box .info_mutips {
height:290px
}
}
@media only screen and (min-width: 1025px) {
.inner_banner .pagings .btn:hover {
background-color:#E60012
}
.sm_pagaing a.btn:hover {
color:#E60012
}
.sm_pagaing a.pg:hover {
color:#fff;
background-color:#E60012
}
.year_list .slick-slide:hover .item_slick span {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
visibility:visible
}
.solution_list a:hover h3, .solution_list a:hover .detail {
color:#796798
}
.solution_list .item-box:hover h3, .solution_list .item-box:hover .detail {
color:#796798
}
.mouse .img-box>img, .prod_list a figure img, .products_list a figure img, .news_list a figure {
-moz-transition:all .5s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .5s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .5s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .5s cubic-bezier(0.32, 0.17, 0, 1)
}
.mouse:hover .img-box>img, .products_list a:hover figure img, .news_list a:hover figure {
-moz-transform:scale(1.04);
-ms-transform:scale(1.04);
-webkit-transform:scale(1.04);
transform:scale(1.04)
}
.prod_list a:hover figure img {
-moz-transform:translate(0, -50%) scale(1.04);
-ms-transform:translate(0, -50%) scale(1.04);
-webkit-transform:translate(0, -50%) scale(1.04);
transform:translate(0, -50%) scale(1.04)
}
.sm_crumbs li a:hover {
color:#796798
}
.sm_other_crumbs li a:hover {
color:#333
}
.sm_other_crumbs li.active:hover a {
color:#333
}
.works_list a:hover figcaption h3, .works_list a:hover figcaption .detail {
color:#796798
}
.sm_power .list p {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
visibility:hidden;
-moz-transform:translate(0, 35px);
-ms-transform:translate(0, 35px);
-webkit-transform:translate(0, 35px);
transform:translate(0, 35px)
}
.sm_power .list .item_box h3 {
-moz-transform:translate(0, 35px);
-ms-transform:translate(0, 35px);
-webkit-transform:translate(0, 35px);
transform:translate(0, 35px)
}
.sm_power .list .item_box:hover h3 {
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.sm_power .list .item_box:hover p {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
visibility:visible;
transition-delay:0s;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.pull_sidebar>ul li a:hover, .pull_sidebar>ul li a.active {
color:#796798
}
.prod_list a:hover figcaption .detail, .products_list a:hover figcaption .detail {
color:#796798
}
.sm_button a:hover {
background-color:#796798;
color:#fff
}
.product_banner .slick-slide:hover .nav_item_slick {
border-color:#796798
}
.btn_default:hover {
background-color:transparent;
border-color:#796798;
color:#796798
}
.btn_videoPlay:hover {
color:#796798
}
.prod_video figcaption a:hover h3, .prod_video figcaption a:hover .detail, .hot_news figcaption a:hover h3, .hot_news figcaption a:hover .detail {
color:#796798
}
.prod_video figure:hover>img, .hot_news:hover img {
-moz-transform:scale(1.04);
-ms-transform:scale(1.04);
-webkit-transform:scale(1.04);
transform:scale(1.04)
}
.news_list a:hover figcaption h3, .news_list a:hover figcaption .detail {
color:#796798
}
.share .btn:hover, .pager .btn:hover {
color:#796798
}
.share_links .item_slick:hover i {
background-color:#796798;
color:#fff
}
.share_button a:hover {
color:#796798
}
.dwl_list a:hover .icon-down {
color:#796798
}
.dwl_list a:hover h3 {
color:#796798
}
.scoi_list .btn_arrow_next:hover {
color:#796798
}
.join_list li:hover h3 {
color:#796798
}
.join_list li:hover figcaption:before {
height:100%
}
.noti_list a {
-moz-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.noti_list a:hover h3 {
color:#796798
}
.noti_list a:hover .icon-pdf {
color:#796798
}
.prod_list a:hover figcaption h3 .tite:before {
width:100%
}
.products_list a:hover figcaption h3 span {
background-size:100% 100%
}
.product_banner .slick-slide figure {
transform:translateY(80px) scaleX(1) scaleY(1);
opacity:0;
-moz-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all .36s cubic-bezier(0.32, 0.17, 0, 1);
transition:all .36s cubic-bezier(0.32, 0.17, 0, 1)
}
.product_banner .slick-slide.slick-current.slick-active figure {
transform:translateY(0px) scaleX(1) scaleY(1);
opacity:1
}
.searchBox a:hover {
color:#796798
}
.honor_year_list .slick-slide.slick-current.slick-active .showToast, .honor_year_list .slick-slide:hover .showToast {
-moz-transition:all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
-o-transition:all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
-webkit-transition:all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
transition:all 1.2s cubic-bezier(0.32, 0.17, 0, 1);
-moz-transition-delay:0.1s;
-o-transition-delay:0.1s;
-webkit-transition-delay:0.1s;
transition-delay:0.1s;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
visibility:visible;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.honor_year_list .slick-slide.slick-current.slick-active .item_slick>i, .honor_year_list .slick-slide:hover .item_slick>i {
background-color:#796798
}
.honor_year_list .slick-slide.slick-current.slick-active.active .showToast {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0;
visibility:visible;
-moz-transform:translate(0, 20px);
-ms-transform:translate(0, 20px);
-webkit-transform:translate(0, 20px);
transform:translate(0, 20px)
}
.honor_year_list .slick-slide.slick-current.slick-active.active .item_slick>i {
background-color:#D9D9D9
}
}
@media only screen and (max-width: 1024px) {
.sm_crumbs {
display:block
}
.sm_other_crumbs {
padding-top:20px
}
.inner_banner .img-box:before {
padding-top:0;
height:200px
}
.inner_banner .img-box>img {
height:100%;
width:auto;
left:50%;
-moz-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
.inner_banner figcaption {
font-size:12px;
line-height:20px;
left:4.53333%;
right:4.53333%;
margin-right:24%;
top:50%;
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%);
margin-top:10px
}
.inner_banner figcaption h3 {
font-size:1.25em;
margin-bottom:20px;
line-height:36px
}
.inner_banner .pagings {
width:24%
}
.inner_banner .pagings .btn {
font-size:12px
}
.sm_crumbs {
left:4.53333%;
left:0
}
.sm_crumbs li a {
font-size:12px
}
.solution_list a figcaption {
position:relative;
width:100%;
padding:30px 20px
}
.solution_list a figure {
width:100%;
float:none;
clear:both
}
.so_solution_list a figure {
margin-top:59.72222%
}
.so_solution_list a figcaption {
position:absolute;
top:-100%
}
.solution_list .item-box figcaption {
position:relative;
width:100%;
padding:30px 20px
}
.solution_list .item-box figure {
width:100%;
float:none;
clear:both
}
.so_solution_list .item-box figure {
margin-top:59.72222%
}
.so_solution_list .item-box figcaption {
position:absolute;
top:-100%
}
.ellipsis-clamp-5 {
height:122px;
-webkit-line-clamp:6
}
.solution_list li {
margin-top:30px;
width:100%
}
.solution_list a h3 {
width:50%;
font-size:16px;
margin-top:-4px;
line-height:30px
}
.solution_list a article {
width:50%
}
.solution_list .item-box h3 {
width:50%;
font-size:16px;
margin-top:-4px;
line-height:30px
}
.solution_list .item-box article {
width:50%
}
.info_mutips {
font-size:12px;
line-height:20px
}
.solution_list a .detail {
display:inline-block;
left:0;
bottom:0;
position:relative;
margin-top:30px
}
.detail {
font-size:12px
}
.sm_tip h3 {
font-size:18px;
display:block;
line-height:normal;
width:100%;
margin-top:0
}
.sm_tip article {
display:block;
font-size:12px;
line-height:20px;
width:100%;
margin-top:20px
}
.sm_power>h3 {
font-size:18px;
display:block;
line-height:normal
}
.sm_power .list {
margin-top:0
}
.sm_power .list li {
width:100%;
margin-top:20px
}
.sm_power .list h3 {
font-size:1em
}
.sm_power .list p {
font-size:12px;
line-height:20px
}
.sm_power .list figcaption {
padding:0 40px
}
.works_list {
margin-top:0
}
.works_list li {
width:100%;
margin-top:30px
}
.works_list figcaption {
padding:20px 20px;
height:auto
}
.works_list figcaption h3 {
font-size:14px;
line-height:26px;
height:70px
}
.works_list figcaption .counter {
font-size:1.125em
}
.works_list figcaption .square {
font-size:1.125em
}
.works_list figcaption .number {
top:20px;
right:20px
}
.sm_penal {
padding-top:30px
}
.pull_sidebar {
width:auto;
left:0;
right:0;
float:none;
clear:both;
margin-top:0;
background-color:#fff;
position:absolute;
top:30px;
z-index:1
}
.pull_sidebar.fixed {
position:fixed;
top:60px;
border-top:1px solid rgba(0, 0, 0, 0.1);
left:0;
right:0
}
.sm_penal_body {
width:100%;
float:none;
clear:both
}
.prod_list li {
margin-top:30px
}
.prod_list a {
padding-top:20px;
padding-bottom:40px;
height:auto
}
.prod_list a figure {
width:100%
}
.prod_list a figcaption {
position:relative;
width:100%;
height:auto;
margin-top:10px
}
.prod_list a figure:before {
padding-top:60%;
height:auto
}
.prod_list a figure img {
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
width:50%
}
.prod_list a figcaption h3 {
font-size:1.25em;
margin-left:20px;
margin-top:0
}
.prod_list a .params {
margin-left:20px;
margin-top:0
}
.prod_list a .params .icon {
width:auto;
height:35px
}
.prod_list a .params p {
font-size:12px;
line-height:24px
}
.prod_list a .params ul {
width:130px;
width:40%;
width:50%;
min-height:222px
}
.products_list li {
width:100%
}
.products_list a figcaption {
padding:30px 20px
}
.products_list a figcaption h3 {
font-size:26px
}
.products_list a figcaption h5 {
margin-top:-5px;
font-size:14px
}
.products_list a figcaption article {
font-size:12px
}
.pull_sidebar>ul {
display:none;
padding-left:20px;
padding-right:20px;
position:absolute;
top:58px;
left:0;
background-color:#F2F2F2;
width:100%;
height:340px;
overflow-y:scroll
}
.pull_sidebar.fixed>ul {
left:4.53333%;
right:4.53333%;
width:auto
}
.sm_penal .bgplaceholder {
height:58px
}
.pull_sidebar>ul>li {
margin-top:0
}
.pull_sidebar>ul ul, .pull_sidebar>ul ul.d-block {
display:none
}
.prod_list a figcaption h3 .couter {
right:20px
}
.prod_list a .detail {
right:20px;
bottom:5px
}
.product_banner {
padding-left:0;
padding-right:0
}
.product_banner figure, .product_banner figcaption {
width:100%
}
.product_banner .pro_swiper, .product_banner .pro_params {
width:100%
}
.product_banner .pro_params {
position:relative;
top:0;
left:0
}
.product_banner .prod_nav {
top:10%;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.product_banner figcaption {
padding-bottom:60px
}
.product_banner figcaption h2 {
font-size:1.25em;
line-height:30px
}
.product_banner figcaption p {
font-size:12px
}
.product_banner .sm_button {
display:none
}
.product_banner figcaption:before {
padding-top:0
}
.product_banner figcaption article {
position:relative;
top:0;
left:0;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.product_banner .nav_item_slick {
width:42px;
height:42px
}
.product_banner .nav_item_slick img {
width:80%;
background:none
}
.product_banner figure img {
left:auto;
right:10%;
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%)
}
.sm_prod_sell li figcaption {
position:relative;
top:0;
left:0;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
padding-top:30px;
padding-bottom:30px
}
.sm_prod_sell li figure:before {
padding-top:62.5%
}
.sm_prod_sell li:nth-child(odd) figure img {
height:100%;
width:auto;
left:50%;
top:0;
-moz-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
.sm_prod_sell li:nth-child(odd) figcaption {
left:0;
padding-left:4.53333%;
padding-right:4.53333%
}
.sm_prod_sell li figcaption h1 {
color:#333;
font-size:1.875em
}
.sm_prod_sell li figcaption h4, .sm_prod_sell li figcaption h5, .sm_prod_sell li figcaption h6 {
font-size:14px;
margin-top:0;
padding-bottom:0
}
.sm_prod_sell li figcaption article {
font-size:12px;
color:#333
}
.sm_prod_sell li figcaption article p:before {
background-color:#333
}
.sm_prod_sell li:nth-child(even) figure img {
width:90%;
left:4.53333%
}
.sm_prod_sell li:nth-child(even) figcaption {
left:0;
margin-left:0;
margin-top:0;
padding-left:4.53333%;
padding-right:4.53333%
}
.sm_prod_sell li figcaption h2, .sm_prod_sell li figcaption h3 {
font-size:1.25em;
color:#333
}
.sm_prod_sell {
padding-bottom:30px
}
.prod_video figure, .hot_news figure {
width:100%
}
.btn_videoPlay {
width:40px;
height:40px;
font-size:40px
}
.prod_video figcaption, .hot_news figcaption {
width:100%
}
.prod_video figcaption article, .hot_news figcaption article {
position:relative;
width:50%;
bottom:0;
left:0;
margin-top:30px
}
.prod_video figcaption a, .hot_news figcaption a {
padding:30px 20px;
position:relative;
top:0;
left:0;
bottom:0;
top:0;
height:auto;
height:320px
}
.prod_video figcaption .detail, .hot_news figcaption .detail {
left:auto;
bottom:30px;
right:20px;
top:auto;
margin-top:0
}
.prod_video figcaption:before, .hot_news figcaption:before {
padding-top:0
}
.sm_paramter {
font-size:12px;
line-height:24px
}
.sm_paramter table tbody th {
width:auto;
padding-left:20px;
vertical-align:middle;
min-width:200px
}
.sm_paramter table tbody td span {
min-width:160px
}
.sm_paramter table {
margin-top:30px
}
.sm_validate .group {
width:100%;
margin-top:20px;
clear:both;
float:none
}
.btn_default {
display:block;
font-size:12px;
float:none;
clear:both;
margin-left:auto;
margin-right:auto
}
.sm_validate .group {
font-size:12px
}
.sm_validate .group>img {
position:static;
margin-top:10px
}
.sm_validate label.error {
position:static
}
.sm_pagaing a.pg {
display:none
}
.wrk_banner .sm_descripts .col-7, .wrk_banner .sm_descripts .col-3 {
width:100%
}
.wrk_banner .sm_descripts .col-3 {
margin-top:30px
}
.sm_descripts h3 {
font-size:1.25em;
line-height:26px
}
.wrk_banner .sm_descripts time {
display:inline-block;
font-size:12px;
line-height:20px
}
.sm_tags .square {
font-size:14px
}
.sm_tags .counter {
font-size:20px
}
.wrk_banner .sm_descripts ul li h3 {
font-size:20px;
height:26px
}
.wrk_banner .sm_descripts ul {
margin-top:30px
}
.sm_descripts article {
font-size:12px
}
.wrk_banner .sm_descripts ul {
font-size:0
}
.wrk_banner .sm_descripts ul li {
width:50%;
margin-right:0
}
.wrk_banner .sm_descripts ul li p {
font-size:12px
}
.wrk_slick_swiper {
margin-top:60px
}
.wrk_banner .slick-dots_effect .slick-dots {
bottom:0
}
.sm_descripts time {
font-size:1.25em;
top:14px;
right:20px
}
.news_list li {
width:100%;
margin-top:30px
}
.news_list figcaption time {
font-size:1.25em;
top:15px;
right:20px
}
.news_list figcaption {
padding:30px 20px
}
.news_list figcaption h3, .hot_news figcaption h3 {
font-size:16px;
line-height:24px;
height:auto
}
.news_list figcaption article {
width:50%
}
.news_list figcaption .detail {
bottom:0;
right:0;
font-size:12px
}
.sm_detail {
padding-left:4.53333%;
padding-right:4.53333%;
width:100%
}
.sm_detail h1 {
width:100%;
line-height:30px;
padding-right:0;
line-height:36px
}
.sm_detail time {
display:inline-block;
position:relative;
top:0;
left:0;
right:0;
font-size:1.125em;
margin-top:10px
}
.sm_detail article {
font-size:12px
}
.sm_detail .share span {
margin-right:0
}
.sm_detail .share .btn {
margin-left:10px
}
.newwork-site__maps {
width:100%;
padding-right:0
}
.newwork-site {
width:100%;
padding-left:0;
margin-bottom:60px
}
.newwork-site li h4 {
font-size:16px;
margin-bottom:5px
}
.newwork-site li {
font-size:12px;
line-height:20px;
margin-top:30px
}
.newwork-site li address {
width:100%;
margin-right:0;
height:auto
}
.newwork-site li .telphone {
height:auto;
width:100%
}
.newwork-site .line {
padding-top:30px
}
.allMap {
width:100%
}
.allMap:before {
display:none;
padding-top:46.18834%
}
.newwork-site li .tel {
margin-top:20px
}
.share_links {
width:100%
}
.share_button {
display:none
}
.share_links .item_slick {
margin-right:0
}
.share_links .item_slick:before {
left:100%;
margin-left:-45px
}
.share_links>div>div {
display:inline-block;
vertical-align:top;
width:50%;
margin-bottom:40px
}
.share_links>div>div:nth-child(even) .item_slick:before {
display:none
}
.share_links .item_slick i {
margin-left:auto;
margin-right:auto
}
.share_links .item_slick:hover i {
background-color:#796798;
color:#fff
}
.dwl_list {
margin-left:0
}
.dwl_list li {
width:100%;
margin-top:30px
}
.dwl_list a {
padding-left:0;
padding-right:0;
font-size:12px
}
.dwl_list a .line {
padding-bottom:30px;
margin-left:-11.53333%;
margin-right:-11.53333%
}
.dwl_list a .icon-down {
top:30px;
left:0;
font-size:30px
}
.dwl_list a h3 {
font-size:14px;
padding-left:50px;
width:80%
}
.dwl_list a p {
padding-left:50px
}
.dwl_list a .size {
font-size:1.25em;
top:33px;
right:0;
padding-left:0
}
.dwl_list li:nth-last-of-type(2) a:after {
display:none
}
.dwl_list li:nth-last-of-type(1) a:after {
padding-bottom:30px
}
.solution_list li:nth-child(odd) figure, .solution_list li:nth-child(even) figure {
float:none;
clear:both
}
.informartion ul li:nth-child(even) figure {
margin-left:0
}
.solution_list a .status {
display:inline-block;
vertical-align:top;
position:absolute;
bottom:28px;
left:30px;
width:auto;
margin-top:0
}
.solution_list a .code {
position:relative;
left:0;
bottom:0;
display:inline-block;
vertical-align:top;
margin-top:30px;
margin-left:50%
}
.solution_list a .logopic {
width:130px;
height:auto;
margin-left:50%
}
.groups_list a .status {
bottom:auto;
left:0
}
.groups_list a .logopic {
margin-top:0;
margin-left:0
}
.groups_list a .foot {
margin-top:30px
}
.solution_list a .status {
display:inline-block;
vertical-align:top;
position:absolute;
bottom:28px;
left:30px;
width:auto;
margin-top:0
}
.solution_list .item-box .code {
position:relative;
left:0;
bottom:0;
display:inline-block;
vertical-align:top;
margin-top:30px;
margin-left:50%
}
.solution_list .item-box .logopic {
width:130px;
height:auto;
margin-left:50%
}
.groups_list .item-box .status {
bottom:auto;
left:0
}
.groups_list .item-box .logopic {
margin-top:0;
margin-left:0
}
.groups_list .item-box .foot {
margin-top:30px
}
.informartion figure {
width:100%
}
.informartion figcaption {
width:100%;
position:relative;
top:0;
left:0;
right:0;
padding-left:0;
padding-top:0;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
padding-top:30px;
padding-bottom:0
}
.informartion figcaption {
position:relative;
margin-left:0;
padding-right:0
}
.abouts_infor figure {
position:relative;
top:0;
left:0
}
.abouts_infor .abouts_infor__slick {
position:relative;
top:0;
left:0;
width:100%
}
.abouts_infor figure:before {
padding-top:66.66667%
}
.informartion figcaption h3 {
line-height:26px;
font-size:16px
}
.informartion figcaption article {
font-size:12px;
line-height:20px;
margin-bottom:60px;
padding:0 20px
}
.informartion figcaption span {
font-size:12px
}
.colu_list li {
width:50%
}
.colu_list li figcaption {
height:auto;
padding-left:10px;
padding-right:10px;
padding:20px 10px;
padding-bottom:40px
}
.about-modules-list li {
margin-top:20px
}
.about-modules-list li figcaption {
padding:20px 10px
}
.about-modules-list li article {
height:60px
}
.about-modules-list li img {
margin-top:10px
}
.colu_list li img {
height:50px;
margin-top:58px
}
.colu_list li article {
margin-top:20px;
padding:0 20px;
height:100px
}
.cult_list li article {
height:160px
}
.colu_list li span {
top:20px;
line-height:normal;
left:20px
}
.colu_list li h3 {
font-size:14px;
line-height:26px;
margin-top:0;
padding:0 20px;
padding:0
}
.colu_list li p {
font-size:12px;
line-height:24px
}
.sm_words figcaption {
padding-bottom:30px;
margin-bottom:30px
}
.sm_words figcaption h3 {
font-size:20px;
font-size:16px;
line-height:26px;
width:100%;
padding-left:20px;
padding-right:20px;
margin-top:0
}
.sm_words figcaption article {
padding-left:20px;
padding-right:20px;
font-size:12px;
width:100%;
margin-top:30px
}
.sm_words figcaption article p {
padding-left:56px
}
.sm_words ul {
width:100%;
padding-left:56px;
padding-right:20px
}
.sm_words ul {
margin-top:30px
}
.about_banner .img-box:before {
padding-top:0;
height:200px
}
.about_banner .img-box>img {
left:50%;
width:auto;
height:100%;
-moz-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
.sm_words ul li {
font-size:12px
}
.about_banner figcaption {
left:4.53333%;
right:4.53333%
}
.about_banner figcaption h3 {
font-size:1.25em;
line-height:30px;
font-weight:normal;
font-size:18px
}
.scoi_list .item_slick figcaption {
position:relative;
width:100%;
padding:30px 20px;
font-size:12px;
line-height:24px
}
.scoi_list .item_slick time {
display:inline-block;
position:relative;
bottom:0;
left:0;
font-size:1.125em;
margin-top:20px
}
.scoi_list .item_slick .img-box {
width:100%;
margin-left:0
}
.scoi_list .btn_arrow_next {
bottom:36px;
font-size:12px;
margin-right:20px
}
.join_info article {
width:100%;
font-size:14px;
line-height:24px;
margin-bottom:30px
}
.join_info h3 {
font-size:20px;
line-height:42px
}
.join_info h3 sup, .join_info h3 sub {
font-size:30px
}
.join_info h3 sub {
vertical-align:-30px
}
.join_info p {
padding-left:0
}
.join_list li {
width:100%
}
.join_list li figcaption {
padding:30px 0;
height:auto
}
.join_list li .col-4 {
width:100%
}
.join_list li .col-6 {
width:100%
}
.join_list li article {
font-size:12px;
line-height:24px
}
.value_flex {
width:90%
}
.counter li {
width:100%;
margin-top:20px
}
.counter li figcaption {
padding:30px 20px;
height:auto;
text-align:left;
height:170px
}
.counter li i {
display:block;
font-size:1.25em;
text-align:left;
margin-top:-16px
}
.counter li p {
display:inline-block;
font-size:2.5em;
margin-top:20px;
font-size:50px
}
.counter li h3 {
display:inline-block;
font-size:1em;
margin-left:2px;
vertical-align:8px
}
.hor_list li {
width:50%
}
.cts_list li {
width:100%;
padding:0 20px
}
.cts_list li h3 {
font-size:1em
}
.cts_list li article {
font-size:12px;
line-height:24px
}
.cmp_list li {
padding:0;
margin-top:30px
}
.cts_list li i {
font-size:12px;
line-height:30px
}
.cmp_list li figcaption {
height:auto;
padding:30px 20px
}
.sl-frm {
padding-left:0;
padding-right:0
}
.noti_list li {
width:50%;
margin-top:20px
}
.noti_list a h3 {
font-size:18px;
width:100%;
padding:30px 20px
}
.noti_list a time {
font-size:18px;
bottom:20px
}
.noti_list a .icon-pdf {
bottom:20px
}
.noti_list a:before {
padding-top:80%
}
.sm_loading {
display:none
}
.tm_list {
margin-top:20px
}
.tm_list figcaption {
padding-left:20px;
padding-right:20px;
font-size:12px;
line-height:20px;
padding-top:30px;
width:100%;
padding-bottom:60px
}
.tm_list figcaption article {
display:block;
margin-right:0;
font-size:0;
margin-top:30px;
width:100%
}
.tm_list figcaption article:nth-last-of-type(1) {
margin-top:0;
position:relative;
top:40px
}
.tm_list figcaption time {
width:50%;
font-size:20px;
text-align:left;
margin-top:0
}
.tm_list figcaption article p {
width:49%;
font-size:12px;
line-height:20px;
margin-left:0;
padding-right:0
}
.tm_list .img-box {
display:block;
width:100%;
margin-left:auto;
margin-right:auto;
position:relative;
left:0;
top:0
}
.tm_list figure>img {
position:relative;
top:0;
left:0;
width:100%
}
.tm_list figcaption>p, .tm_list figcaption>h3 {
padding-right:0
}
.tm_list li {
margin-top:40px
}
.rel_list {
margin-top:-30px
}
.rel_list li {
width:100%;
margin-top:30px
}
.rel_list li p {
font-size:1.25em
}
.rel_list li i {
font-size:20px
}
.comp_list a:before, .comp_list .item-box:before {
padding-top:0;
height:0
}
.comp_list .list li {
margin-top:30px
}
.comp_list .list {
margin-top:30px
}
.pager .btn {
font-size:12px;
line-height:30px
}
.scoi_list .item_slick h3 {
font-size:20px;
line-height:28px
}
.sm_detail img {
width:100% !important;
height:auto !important
}
.list-logo {
float:none;
clear:both;
margin-top:20px
}
.list-logo li {
width:20%;
margin:0;
padding:0 10px;
height:64px;
line-height:64px
}
.info_mutips p {
text-align:left !important
}
.mobile-menu-link {
font-size:14px;
color:#999;
width:70px;
display:block;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:0;
padding-top:10px;
padding-bottom:10px;
line-height:38px
}
.mobile-menu-link i {
display:inline-block;
margin-right:10px;
font-size:18px;
vertical-align:-1px
}
.join_info .bgcover {
margin-top:-115px
}
.groups_list a .info_mutips {
height:auto
}
.honor_controller {
display:block
}
.sm_crumbs:before {
display:block !important;
top:1px
}
.WorldMap svg {
height:auto !important
}
.hot-news__slick.slick-dots_effect .slick-dots {
width:100%;
text-align:center;
padding-left:0;
bottom:14px
}
.hot-news__slick.slick-dots_effect .slick-dots li {
margin:0 8px
}
}
.home-video__wrap {
	font-size:0;
	position:relative
}
.home-video__wrap:after {
	content:"";
	display:block;
	clear:both
}
.home-video__wrap .cont {
	float:left;
	width:72.4%;
	padding:0 8.07292vw
}
.home-video__wrap .cont .txt {
	position:absolute;
	top:50%;
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:55%;
	left:11vw
}
.home-video__wrap .cont .txt p {
	font-size:18px;
	line-height:28px;
	color:#084397;
	letter-spacing:1px
}
.home-video__wrap .cont .txt:before {
	display:block;
	position:absolute;
	font-size:16.02083vw;
	color:#084397;
	font-family:"segoeuibold";
	opacity:.06;
	top:0;
	line-height:.44;
	pointer-events:none
}
.home-video__wrap .cont .txt:before {
	content:"\201C";
	left:-13.54167vw;
	top:0.5vw
}
.home-video__wrap .cont .txt:after {
	position:absolute;
	font-size:16.02083vw;
	color:#084397;
	font-family:"segoeuibold";
	opacity:.06;
	top:0;
	line-height:.44;
	pointer-events:none
}
.home-video__wrap .cont .txt:after {
	content:"\201D";
	right:-3.54167vw;
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	line-height:0;
	top:-4vw
}
.home-video__wrap .pic {
	width:27.6%;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-size:cover
}
.home-video__wrap .pic:after {
	content:"";
	display:block;
	padding-top:48.39925%
}
.home-video__wrap .vid-btn {
	transition:background 0.4s ease, border 0.4s ease;
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	display:inline-block;
	width:60px;
	height:60px;
	border:1px solid #fff;
	background-color:rgba(255, 255, 255, 0.7);
	border-radius:50%;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease
}
.home-video__wrap .vid-btn span {
	-moz-transition:color 0.4s ease;
	-o-transition:color 0.4s ease;
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease;
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:20px;
	color:#084397
}
.home-video__wrap .vid-btn:hover {
	background-color:#084397;
	border-color:#084397
}
.home-video__wrap .vid-btn:hover span {
	color:#fff
}
.modia-video__wrap {
	display:none;
	position:relative;
	z-index:60000
}
.modia-video__wrap .close-vid {
	-moz-transition:color 0.4s ease;
	-o-transition:color 0.4s ease;
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease;
	position:fixed;
	right:40px;
	top:40px;
	font-size:24px;
	color:#fff;
	z-index:650
}
.modia-video__wrap .modai-video__main, .modia-video__wrap .modia-video__bg {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.modia-video__wrap .modia-video__bg {
	background-color:rgba(0, 0, 0, 0.8);
	z-index:550
}
.modia-video__wrap .modai-video__main {
	z-index:600
}
.modia-video__wrap .modai-video__main video {
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
.sm_prod_sell li.text_left figcaption {
width:30%
}
.sm_prod_sell li.text_right figcaption {
width:30%
}
}
@media only screen and (min-width: 1025px) {
.cultures-list li figcaption {
height:540px
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.inner_banner .img-box:before {
height:240px
}
.about_banner .img-box:before {
height:240px
}
.colu_list li img {
height:110px;
margin-top:110px
}
.cmp_list li figcaption {
padding:30px 40px
}
.value_flex {
width:60%
}
.product_banner figure:before, .product_banner figcaption:before {
padding-top:50.55556%
}
.product_banner figcaption:before {
padding-top:0
}
.products_list li {
width:50%
}
}
@media only screen and (max-width: 1024px) {
.home-video__wrap .pic {
width:100%
}
.home-video__wrap .cont {
width:100%;
margin-top:30px;
padding:0 4.53333%
}
.home-video__wrap .cont .txt {
position:static;
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0);
max-width:100%
}
.home-video__wrap .cont .txt p {
font-size:14px
}
.home-video__wrap .vid-btn {
width:50px;
height:50px
}
.home-video__wrap .vid-btn span {
font-size:16px
}
.modia-video__wrap .modai-video__main {
width:80%;
right:0;
margin:0 auto
}
.modia-video__wrap .modai-video__main video {
display:block;
width:100%
}
.cultures-list li {
width:100%
}
}
@media only screen and (max-width: 768px) {
.sm_paramter table {
width:600px
}
.scrollbar {
overflow-x:scroll
}
.sm_words ul li {
width:100%
}
.noti_list li {
width:100%;
margin-top:20px
}
.sm_power .list figure {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:200
}
.sm_power .list .img-box:before {
padding-top:0
}
.sm_power .list figure img {
height:190%;
width:auto;
left:50%;
top:50%;
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.sm_power .list figcaption {
padding:40px 40px;
position:relative;
top:0;
left:0;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
z-index:400
}
.ellipsis-clamp-5 {
height:100px
}
.so_solution_list a .detail {
left:20px;
bottom:30px;
position:absolute;
margin-top:0px
}
.products_list a figcaption article {
height:auto
}
}
.w1400 {
	max-width:1400px;
	margin-left:auto;
	margin-right:auto
}
.soda-list ul {
margin-left:-.625vw;
margin-right:-.625vw
}
.soda-list li {
	margin-bottom:25px
}
.soda-list figure {
	position:relative;
	overflow:hidden
}
.soda-list figure:before {
	content:"";
	display:block;
	padding-top:53.78%
}
.soda-list a {
	display:block;
margin:0 .625vw
}
.soda-list img {
	-webkit-transition:all 0.5s cubic-bezier(0.32, 0.17, 0, 1);
	transition:all 0.5s cubic-bezier(0.32, 0.17, 0, 1);
	position:absolute;
	left:0;
	top:0;
	width:100%
}
.soda-list article {
	color:#333;
	font-size:20px;
	margin-top:.375em
}
.soda-list h1, .soda-list span {
-webkit-transition:color .4s;
transition:color .4s
}
.soda-list h1 {
	letter-spacing:.6px;
	line-height:1.5;
	margin-bottom:.625em;
	font-weight:700
}
.soda-list span {
	font-size:14px;
	color:#999
}
.sode-page__inner {
	font-size:14px;
	line-height:24px;
	color:#999;
	letter-spacing:1px
}
.sode-page__inner img {
	max-width:100%;
	width:auto !important;
	height:auto !important
}
.soda-page__sec3 .sm_titlepage {
	position:absolute;
	left:0;
	top:2.34375vw
}
.soda-page__sec3 .soda-sec__txt {
	max-width:460px;
	font-size:18px;
	color:#6098cc;
	line-height:2;
	margin-left:4.6875vw
}
.soda-page__sec3 .soda-sec__pic {
	width:33.02083vw;
	margin-right:7.29167vw
}
.soda-page__sec3 .soda-page__main {
	padding-top:11.97917vw;
	padding-bottom:10.41667vw
}
.soda-banner {
	position:relative;
	background-color:#eff2f7;
	padding-top:46.04167vw;
	z-index:5500
}
.soda-banner:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:7.1875vw;
	background:url(../upload/solution/bg.png) no-repeat center center;
	background-size:cover
}
.soda-ban__bg .pic {
	position:absolute;
	right:-31.77083vw;
	top:0;
	width:53.22917vw;
	height:52.23958vw;
	background-size:53.22917vw 52.23958vw;
	background-repeat:no-repeat;
	background-position:center right
}
.soda-ban__txt, .soda-ban__cont, .soda-ban__pic {
	position:absolute
}
.soda-ban__cont {
	left:0;
	top:0;
	width:46.25%;
	height:100%;
	overflow:hidden
}
.soda-ban__pic {
	right:5.46875vw;
	top:4.6875vw;
	width:57.3%;
	font-size:0;
	z-index:10
}
.soda-ban__pic:after {
	content:"";
	display:block;
	border:6px solid #fff;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0
}
.soda-ban__pic img {
	width:100%
}
.soda-ban__txt {
	left:7.8125vw;
	top:5.98958vw;
	color:#fff;
	font-size:24px;
	line-height:2;
	max-width:435px;
	z-index:10
}
.soda-ban__txt .sm_titlepage {
	font-size:48px;
	font-weight:700;
	color:#fff;
	margin-bottom:30px
}
.soda-ban__txt .inner {
	position:relative;
	padding-bottom:2.34375vw
}
.soda-ban__txt .inner p {
margin-bottom:.20833vw
}
.soda-ban__txt .inner:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:6.25vw;
height:.20833vw;
	background-color:#85a4d0
}
@-webkit-keyframes move {
0% {
-webkit-transform:-webkit-translate(20px, 20px) rotate(360deg);
transform:translate(20px, 20px) rotate(360deg)
}
50% {
-webkit-transform:none;
transform:none
}
100% {
-webkit-transform:-webkit-translate(20px, 20px) rotate(360deg);
transform:translate(20px, 20px) rotate(360deg)
}
}
@keyframes move {
0% {
-webkit-transform:-webkit-translate(20px, 20px) rotate(360deg);
transform:translate(20px, 20px) rotate(360deg)
}
50% {
-webkit-transform:none;
transform:none
}
100% {
-webkit-transform:-webkit-translate(20px, 20px) rotate(360deg);
transform:translate(20px, 20px) rotate(360deg)
}
}
.soda-decs {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.soda-decs i {
	display:inline-block;
	position:absolute;
	opacity:.1
}
.soda-decs i:not(.show-dec) {
animation-name:move;
animation-iteration-count:infinite
}
.soda-decs i.show-dec {
	opacity:1
}
.soda-decs i:nth-of-type(1) {
left:2.34375vw;
top:6.875vw;
width:3.17708vw;
height:3.07292vw;
background:url(../upload/solution/bg-icon1.png) no-repeat center center;
background-size:3.17708vw 3.07292vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(2) {
left:9.89583vw;
top:4.16667vw;
width:5.20833vw;
height:3.17708vw;
background:url(../upload/solution/bg-icon2.png) no-repeat center center;
background-size:5.20833vw 3.17708vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(3) {
left:14.89583vw;
top:7.8125vw;
width:1.51042vw;
height:1.25vw;
background:url(../upload/solution/bg-icon3.png) no-repeat center center;
background-size:1.51042vw 1.25vw;
animation-duration:16s
}
.soda-decs i:nth-of-type(4) {
left:18.75vw;
top:10.41667vw;
width:2.34375vw;
height:3.80208vw;
background:url(../upload/solution/bg-icon4.png) no-repeat center center;
background-size:2.34375vw 3.80208vw;
animation-duration:20s
}
.soda-decs i:nth-of-type(5) {
left:24.375vw;
top:4.47917vw;
width:3.17708vw;
height:3.07292vw;
background:url(../upload/solution/bg-icon5.png) no-repeat center center;
background-size:3.17708vw 3.07292vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(6) {
left:28.64583vw;
top:6.51042vw;
width:7.39583vw;
height:7.39583vw;
background:url(../upload/solution/bg-icon6.png) no-repeat center center;
background-size:7.39583vw 7.39583vw;
animation-duration:20s
}
.soda-decs i:nth-of-type(7) {
left:5.52083vw;
top:12.5vw;
width:4.01042vw;
height:3.4375vw;
background:url(../upload/solution/bg-icon7.png) no-repeat center center;
background-size:4.01042vw 3.4375vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(8) {
left:-2.8125vw;
top:23.95833vw;
width:5.20833vw;
height:2.39583vw;
background:url(../upload/solution/bg-icon8.png) no-repeat center center;
background-size:5.20833vw 2.39583vw;
animation-duration:8s
}
.soda-decs i:nth-of-type(9) {
left:3.69792vw;
top:35.57292vw;
width:1.45833vw;
height:1.30208vw;
background:url(../upload/solution/bg-icon9.png) no-repeat center center;
background-size:1.45833vw 1.30208vw;
animation-duration:20s
}
.soda-decs i:nth-of-type(10) {
left:8.54167vw;
top:39.6875vw;
width:2.96875vw;
height:3.4375vw;
background:url(../upload/solution/bg-icon10.png) no-repeat center center;
background-size:2.96875vw 3.4375vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(11) {
left:10.83333vw;
top:23.95833vw;
width:9.6875vw;
height:8.59375vw;
background:url(../upload/solution/bg-icon11.png) no-repeat center center;
background-size:9.6875vw 8.59375vw;
animation-duration:8s
}
.soda-decs i:nth-of-type(12) {
left:22.08333vw;
top:25.05208vw;
width:1.45833vw;
height:1.25vw;
background:url(../upload/solution/bg-icon12.png) no-repeat center center;
background-size:1.45833vw 1.25vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(13) {
left:23.07292vw;
top:27.29167vw;
width:7.65625vw;
height:8.85417vw;
background:url(../upload/solution/bg-icon13.png) no-repeat center center;
background-size:7.65625vw 8.85417vw;
animation-duration:20s
}
.soda-decs i:nth-of-type(14) {
left:31.19792vw;
top:24.53125vw;
width:3.125vw;
height:3.07292vw;
background:url(../upload/solution/bg-icon14.png) no-repeat center center;
background-size:3.125vw 3.07292vw;
animation-duration:12s
}
.soda-decs i:nth-of-type(15) {
left:10.41667vw;
top:10.3125vw;
width:19.0625vw;
height:12.91667vw;
background:url(../upload/solution/bg-icon15.png) no-repeat center center;
background-size:19.0625vw 12.91667vw;
animation-duration:8s
}
.soda-decs i:nth-of-type(16) {
left:18.22917vw;
top:25.3125vw;
width:33.33333vw;
height:20.57292vw;
background:url(../upload/solution/bg-icon16.png) no-repeat center center;
background-size:33.33333vw 20.57292vw;
animation-duration:12s
}
.soda-sec__pic img {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
-webkit-transition:transform .4s;
transition:transform .4s;
	max-width:100%
}
.soda-sec2__pic {
	width:31.45833vw;
	margin-left:auto;
	margin-right:auto
}
.soda-sec2__box {
	margin-top:12px
}
.soda-sec2__list .sl-title {
	display:inline-block;
	font-size:24px;
	color:#0056af;
	line-height:1.5;
	margin-bottom:8px
}
.soda-sec2__list .sl-txt {
	font-size:16px;
	color:#6098cc;
	line-height:1.8
}
@media (min-width: 1025px) {
.soda-sec2__list li {
position:absolute;
max-width:270px
}
.soda-sec2__list li:nth-of-type(1), .soda-sec2__list li:nth-of-type(3) {
left:2.08333vw
}
.soda-sec2__list li:nth-of-type(2), .soda-sec2__list li:nth-of-type(4) {
right:2.08333vw
}
.soda-sec2__list li:nth-of-type(1), .soda-sec2__list li:nth-of-type(2) {
top:5.20833vw
}
.soda-sec2__list li:nth-of-type(3), .soda-sec2__list li:nth-of-type(4) {
bottom:2.34375vw
}
.soda-list a:hover img {
-webkit-transform:scale(1.04);
transform:scale(1.04)
}
.soda-list a:hover h1, .soda-list a:hover span {
color:#796798
}
.soda-sec__pic:hover img {
-webkit-transform:scale(1.02);
transform:scale(1.02)
}
}
@media (max-width: 1800px) {
.soda-ban__txt {
left:4.16667vw;
top:14%
}
}
@media (max-width: 1480px) {
.w1400 {
margin-left:30px;
margin-right:30px
}
.soda-ban__txt {
font-size:22px;
left:4.16667vw
}
.soda-ban__txt .sm_titlepage {
font-size:42px;
margin-bottom:25px
}
.soda-ban__pic {
width:50%
}
.soda-ban__pic:after {
border-width:4px
}
.soda-sec2__list .sl-title {
font-size:22px
}
.soda-page__sec3 .soda-sec__txt {
font-size:16px
}
}
@media (max-width: 1366px) {
.soda-ban__txt {
font-size:20px
}
.soda-ban__txt .sm_titlepage {
font-size:36px;
margin-bottom:20px
}
.soda-sec2__list .sl-title {
font-size:20px
}
.soda-sec2__list .sl-txt {
font-size:14px
}
}
@media (max-width: 1200px) {
.soda-ban__txt {
top:9%
}
.soda-ban__txt .sm_titlepage {
font-size:32px
}
}
@media (max-width: 1100px) {
.soda-ban__txt {
max-width:390px
}
}
@media (max-width: 1024px) {
.w1400 {
margin-left:4.53333%;
margin-right:4.53333%
}
.soda-banner {
padding-top:0
}
.soda-ban__bg {
display:none
}
.soda-ban__pic, .soda-ban__cont, .soda-ban__txt {
position:relative;
width:100%
}
.soda-ban__pic {
top:auto;
right:auto
}
.soda-ban__pic:after {
display:none
}
.soda-ban__cont, .soda-ban__txt {
top:auto;
left:auto
}
.soda-ban__txt {
font-size:14px;
max-width:100%;
padding:7.8125vw 20px 11.71875vw 20px
}
.soda-ban__txt .sm_titlepage {
font-size:26px
}
.soda-ban__txt .inner {
padding-bottom:40px
}
.soda-ban__txt .inner:after {
width:45px;
height:2px
}
.soda-list article {
font-size:18px
}
.soda-list .pt-250 {
padding-top:80px
}
.soda-page__sec3 .sm_titlepage {
top:25px
}
.soda-decs i:nth-of-type(1) {
left:5%;
top:2%;
width:40px;
height:39px;
background-size:40px 39px
}
.soda-decs i:nth-of-type(2) {
left:18%;
top:10%;
width:80px;
height:49px;
background-size:80px 49px
}
.soda-decs i:nth-of-type(3) {
left:40%;
top:3%;
width:20px;
height:17px;
background-size:20px 17px
}
.soda-decs i:nth-of-type(4) {
left:36%;
top:42%;
width:35px;
height:57px;
background-size:30px 57px
}
.soda-decs i:nth-of-type(5) {
left:20%;
top:60%;
width:50px;
height:48px;
background-size:50px 48px
}
.soda-decs i:nth-of-type(6) {
left:4%;
top:44%
}
.soda-decs i:nth-of-type(7) {
left:35%;
top:15%
}
.soda-decs i:nth-of-type(9) {
left:40%;
top:10%
}
.soda-decs i:nth-of-type(10) {
left:auto;
right:50%;
top:30%
}
.soda-decs i:nth-of-type(11) {
left:auto;
right:20%;
top:9%;
width:120px;
height:106px;
background-size:120px 106px
}
.soda-decs i:nth-of-type(12) {
left:auto;
right:40%;
top:45%;
width:28px;
height:24px;
background-size:28px 24px
}
.soda-decs i:nth-of-type(13) {
left:60%;
top:62%;
width:90px;
height:95px;
background-size:90px 95px
}
.soda-decs i:nth-of-type(14) {
left:85%;
top:54%;
width:40px;
height:39px;
background-size:40px 39px
}
.soda-decs i:nth-of-type(15) {
left:20%;
top:15%;
width:200px;
height:109px;
background-size:200px 109px
}
.soda-decs i:nth-of-type(16) {
left:auto;
top:auto;
right:-20px;
bottom:-20px;
width:260px;
height:140px;
background-size:260px 140px
}
.soda-page__sec3 .soda-sec__pic, .soda-page__sec3 .soda-sec__txt {
width:100%
}
.soda-page__sec3 .soda-sec__pic {
margin-right:0
}
.soda-page__sec3 .soda-sec__txt {
margin-left:0;
margin-top:30px;
max-width:100%
}
.soda-sec2__box {
margin-top:45px
}
.soda-page__sec3 .soda-sec__txt {
margin-top:45px
}
.soda-sec2__pic {
width:auto
}
.soda-sec3__pic {
margin-top:15px
}
.soda-sec__pic {
text-align:center
}
.soda-sec2__list {
margin-top:30px
}
.soda-sec2__list li {
margin-bottom:30px
}
}
@media (max-width: 768px) {
.soda-ban__txt {
padding-top:10.41667vw;
padding-bottom:15.625vw
}
.soda-ban__txt .sm_titlepage {
font-size:24px;
margin-bottom:15px
}
.soda-list li {
width:100%
}
.soda-list span {
font-size:12px
}
.soda-list ul {
margin-top:30px
}
.soda-page__sec2 {
margin-top:30px
}
.soda-page__sec2 .sode-page__inner {
margin-top:45px
}
}
@media (max-width: 640px) {
.soda-list article {
font-size:16px
}
.soda-ban__txt .sm_titlepage {
font-size:22px
}
.soda-page__sec2 .sode-page__inner {
margin-top:30px
}
.soda-page__sec2 .mt-140 {
margin-top:45px
}
.soda-page__sec3 .soda-page__main {
padding-top:60px;
padding-bottom:60px
}
.soda-page__sec3 .soda-sec__txt {
font-size:14px
}
.soda-sec2__box {
margin-top:30px
}
.soda-sec2__list li {
margin-bottom:25px
}
}
.footer {
	background-color:#272727;
	background-color:#1d2f45;
	overflow:hidden
}
.footer .sm_container {
	padding-top:30px;
	padding-bottom:30px
}
.footer .fot_nav {
	margin-left:-3.02083vw
}
.footer .fot_nav>ul {
	font-size:0
}
.footer .fot_nav>ul>li {
	display:inline-block;
	vertical-align:top;
	margin:0 3.02083vw
}
.footer .fot_nav>ul>li>a {
	font-size:12px;
	color:#fff;
	font-weight:400;
	line-height:32px
}
.footer .fot_nav>ul ul li a {
	font-size:12px;
	color:#979B9E;
	color:#999;
	color:#ccc;
	letter-spacing:1px;
	line-height:32px
}
.footer .relative {
	font-size:12px;
	color:#979B9E;
	color:#ccc;
	line-height:32px
}
.footer .relative h3 {
	font-size:12px;
	color:#fff;
	line-height:32px;
	font-weight:700
}
.footer .copyright {
	font-size:12px;
	line-height:32px;
	letter-spacing:1px;
	color:#9FA3A6;
	color:#999;
	color:#ccc;
	font-weight:700;
	width:100%
}
.footer .copyright .line {
	display:block;
	border-top:1px solid #6C7073;
	margin-top:10px;
	margin-bottom:20px
}
.footer .copyright .links {
	font-size:12px;
	line-height:32px;
	letter-spacing:1px;
	color:#9FA3A6;
	color:#999;
	color:#ccc;
	font-weight:700
}
.footer .fot_logo {
-webkit-transition:opacity .4s;
transition:opacity .4s;
	display:block;
	width:160px;
	height:36px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../assets/img/fot_logo2.svg);
	background-size:160px auto
}
.share {
	font-size:0
}
.share span {
	display:inline-block;
	font-size:16px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:10px;
	vertical-align:2px
}
.share .btn {
	color:#9FA3A6;
	color:#666;
	color:#999;
	color:#ccc;
	color:#fff;
	margin-left:35px;
	font-size:20px;
	line-height:30px;
	position:relative;
	font-weight:400
}
.share .btn img {
	position:absolute;
	top:-90px;
	left:50%;
	width:80px;
	margin-left:-40px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	-moz-transform:translate(0, 20px);
	-ms-transform:translate(0, 20px);
	-webkit-transform:translate(0, 20px);
	transform:translate(0, 20px)
}
.share .btn:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
.share .btn .black {
	color:#333;
	margin-left:10px;
	margin-right:10px
}
.pull_aside {
	position:fixed;
	top:50%;
	right:0;
	height:240px;
	z-index:5000;
-webkit-transition:all .3s;
transition:all .3s
}
.pull_aside.hide {
	visibility:hidden;
	opacity:0
}
.pull_aside .btn {
	display:block;
	width:80px;
	height:80px;
	font-size:26px;
	color:#fff;
	text-align:center;
	line-height:80px;
	position:relative
}
.pull_aside .btn_sale {
	background-color:#262626;
	font-size:30px
}
.pull_aside .btn_sale p {
	position:absolute;
	top:0;
	left:-120px;
	font-size:14px;
	width:120px;
	background-color:#262626;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	transform:translate(120px, 0)
}
.pull_aside .btn_sale:hover {
	background-color:#262626
}
.pull_aside .btn_sale:hover p {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	background-color:#262626
}
.pull_aside .btn_cust {
	background-color:#796798
}
.pull_aside .btn_cust p {
	position:absolute;
	top:0;
	left:-120px;
	font-size:14px;
	width:120px;
	background-color:#796798;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	transform:translate(120px, 0)
}
.pull_aside .btn_cust:hover {
	background-color:#796798
}
.pull_aside .btn_cust:hover p {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	background-color:#796798
}
.pull_aside .btn_tel {
	background-color:#E60012;
	font-size:24px;
	position:relative
}
.pull_aside .btn_tel p {
	position:absolute;
	top:0;
	left:-120px;
	font-size:14px;
	width:120px;
	background-color:#E60012;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	visibility:hidden;
	transform:translate(120px, 0)
}
.pull_aside .btn_tel:hover {
	background-color:#BC0211
}
.pull_aside .btn_tel:hover p {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	visibility:visible;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	background-color:#BC0211
}
.pull_aside .btn_backtop {
	background-color:#262626;
	font-size:22px;
	line-height:normal;
	padding-top:20px
}
.pull_aside .btn_backtop:before {
	display:block
}
.pull_aside .btn_backtop span {
	display:block;
	font-size:12px;
	margin-top:-4px
}
.popup {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000
}
.popup .bg {
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5)
}
.popup .popup-success, .popup .popup-error {
	display:none;
	width:550px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-color:#fff;
	overflow:hidden
}
.popup .popup-success .btn_close, .popup .popup-error .btn_close {
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../assets/img/icon_close.svg);
	background-size:11px auto;
	z-index:20
}
.popup .popup-success figure, .popup .popup-error figure {
	height:160px;
	background-color:#796798;
	position:relative
}
.popup .popup-success figure img, .popup .popup-error figure img {
	position:absolute;
	top:50%;
	left:50%;
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.popup .popup-success figcaption, .popup .popup-error figcaption {
	height:240px;
	text-align:center;
	padding:56px 90px
}
.popup .popup-success figcaption h3, .popup .popup-error figcaption h3 {
	font-size:24px;
	color:#333;
	line-height:50px;
	letter-spacing:1px
}
.popup .popup-success figcaption p, .popup .popup-error figcaption p {
	font-size:14px;
	color:#333;
	line-height:26px;
	letter-spacing:1px
}
.popup .popup-success figcaption em, .popup .popup-error figcaption em {
	display:block;
	width:30px;
	height:2px;
	background-color:#796798;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto
}
@media only screen and (min-width: 1025px) {
.footer a:hover {
color:#fff !important
}
.footer .share .btn:hover {
color:#ccc !important
}
.pull_aside .btn_backtop:hover {
background-color:#000000
}
.pull_aside .btn_sale:hover {
background-color:#000000
}
.pull_aside .btn_tel:hover {
background-color:#BC0211
}
.pull_aside .btn_tel:hover p {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
visibility:visible;
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
background-color:#BC0211
}
.pull_aside .btn_cust:hover {
background-color:#064CAE
}
.footer .fot_logo:hover {
opacity:.7
}
}
@media only screen and (max-width: 1024px) {
.footer .fot_nav {
display:none
}
.footer .relative, .footer .copy, .footer .author {
float:none;
clear:both;
line-height:20px;
color:#fff;
color:#ccc
}
.footer .relative {
line-height:26px
}
.footer .copyright .links {
line-height:20px;
color:#fff;
color:#ccc
}
.footer .copyright {
margin-top:60px
}
.footer .sm_container {
padding-top:20px;
padding-bottom:20px
}
.pull_aside {
height:120px;
top:auto;
bottom:50px;
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-webkit-transform:translateY(0);
transform:translateY(0)
}
.pull_aside.topmove {
bottom:224px
}
.pull_aside .btn {
width:40px;
height:40px;
line-height:40px;
font-size:16px
}
.pull_aside .btn_backtop {
padding-top:6px;
font-size:12px;
line-height:normal
}
.share .btn {
color:#fff
}
.footer .fot_logo {
background-image:url(../assets/img/fot_logo2.svg)
}
.share .btn img {
margin-left:-56px
}
}
@media only screen and (max-width: 768px) {
.popup .popup-success, .popup .popup-error {
width:90%;
height:auto
}
.popup .popup-success figcaption, .popup .popup-error figcaption {
height:auto;
padding:20px 30px
}
.popup .popup-success figcaption h3, .popup .popup-error figcaption h3 {
font-size:18px
}
.popup .popup-success figure img, .popup .popup-error figure img {
width:40px;
height:40px
}
.popup .popup-success figcaption p, .popup .popup-error figcaption p {
font-size:12px
}
}
@media (max-width: 640px) {
.copyright .share {
float:left;
width:100%;
margin-top:20px
}
.copyright .share a {
margin-right:30px;
margin-left:0
}
}
/*# sourceMappingURL=main.css.map */
